select多选 multiple的使用示例
<html>
<head>
<script type="text/javascript">
function showDiv(id){
document.getElementById("selectOption").style.display="block";
document.getElementById("selectOption").style.position="absolute";
document.getElementById("selectOption").style.top=document.getElementById(id).offsetTop+25;
document.getElementById("selectOption").style.left=document.getElementById(id).offsetLeft+20;
}
function selectM()
{
var obj = document.getElementById("mySelect");
alert(obj.selectedIndex);
}
function checkselect(objname){
o = document.getElementById(objname);
t = document.getElementById("output");
var intvalue="";
for(i=0;i<o.length;i++){
if(o.options[i].selected){
intvalue+=o.options[i].value+",";
}
}
t.value=intvalue.substr(0,intvalue.length-1);
alert(intvalue);
}
</script>
</head>
<body>
<form>
<div id="selectOption" style='width:100px;height:50px;z-index:100;border:1px solid #0099FF;background:#cccccc;display:none;'>
<select id="mySelect" multiple="multiple" size="4">
<option value='苹果'>苹果</option>
<option value='桃子'>桃子</option>
<option value='香蕉'>香蕉</option>
<option value='桔子'>桔子</option>
</select>
<input type="button" onclick="checkselect('mySelect')" value="checkselect">
</div>
选中的项目：<input type="text" name="output">
<input id="lalla" type="button" onclick="showDiv(this.id)" value="选择">
<br/>
</form>
<p>在您点击 “选择多个” 按钮之前，请尝试同时选取多个选项。在点击 “选择多个” 按钮之后，请再试一次。</p>
</form>
</body>
</html>
-
描述 (Description) 智能选择允许使用multiple和optgroup属性使用多个选择和组选项。 例子 (Example) 以下示例演示了在Framework7中使用多个select和optgroup - <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width = device-w
-
You can use this plug-in for using input text as multiple select facility. When you focus input text, appear a dialog box like combo box. After choose you want, it will update input area your options
-
Select Multiple 是一个交互友好的，嵌入式的，标准选择框替代品，并且它带有可以激活的多种属性。它有以下特点： 以一个不显眼的方式工作 完全开源 支持键盘 提供了一些回调 可通过 CSS 完全定制化 简洁的代码
-
描述 (Description) 智能选择允许使用maxlength属性选择有限数量的项目。 例子 (Example) 以下示例演示了在Framework7中选择具有可能选定项目数限制的项目 - <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width = device-width, initia
-
Unobtrusive script to filter in a multiple select box. Concept found in Django Admin filter list : http://simonwillison.net/static/2008/xtech/ (slide 18)
-
描述 (Description) 通过使用&运算符，可以重复引用父选择器而不使用其名称。 在选择器内&可以使用多次。 例子 (Example) 以下示例演示了在LESS文件中使用多个＆ - <html> <head> <title>Parent Selector</title> <link rel = "stylesheet" href = "style.css" t