js设置select多选下拉框_js怎么能取得多选下拉框选中的多个值

1. jquery.multiselect.js 实现下拉框多选怎么设置默认全部选中下拉框的值，

$("select option").prop("selected",true)

2. jquery.multiselect.js 实现下拉框多选怎么设置默认全部选中下拉框的值

<scriptsrc="../js/jquery-1.3.2.js"type="text/javascript"></script>
<scriptsrc="../js/jquery.multiSelect.js"type="text/javascript"></script>
<linkhref="css/jquery.multiSelect.css"rel="stylesheet"type="text/css"/>
我用的是jQueryMultiSelect插件下拉多选框，
Select:
<selectid="control_7"name="control_7[]"multiple="multiple"size="5">
<optionvalue="">请选择</option>
<optionvalue="1">性病商务通</option>
<optionvalue="2">商务通</option>
<optionvalue="3">QQ</option>
<optionvalue="4">性病QQ</option>
<optionvalue="5">企业QQ</option>
<optionvalue="6">电话</option>
<optionvalue="7">性病电话</option>
<optionvalue="8">微信</option>
<optionvalue="9">竞D1</option>
<optionvalue="10">竞D2</option>
<optionvalue="11">竞D3</option>
<optionvalue="12">竞D4</option>
<optionvalue="13">400电话</option>
<optionvalue="14">挂号网</option>
</select>
jQueryMultiSelect插件：

.......................

if(jQuery)(function($){

//渲染HTML的一个单一的选项
functionrenderOption(id,option)
{
varhtml='<label><inputtype="checkbox"name="'+id+'[]"value="'+option.value+'"';
if(option.selected){
html+='checked="checked"';
}
html+='/>'+option.text+'</label>';
returnhtml;
}

//渲染选项/的HTMLoptgroups
functionrenderOptions(id,options,o)
{
varhtml="";
for(vari=0;i<options.length;i++){
if(options[i].optgroup){
html+='<labelclass="optGroup">';
if(o.optGroupSelectable){
html+='<inputtype="checkbox"class="optGroup"/>'+options[i].optgroup;

}
else{
html+=options[i].optgroup;
}

html+='</label><divclass="optGroupContainer">';
html+=renderOptions(id,options[i].options,o);
html+='</div>';
}
else{
html+=renderOption(id,options[i]);
}
}
returnhtml;
}

我提交的时候都变没了,就一个了，我想要的是我选中几个默认选中就是几个。

在调用这个插件前用jquery设置optin的selected属性

JavaScript code?

varv='1,2,3'//这个为保存的值，自己从数据库读取来赋值给v变量v=','+v+',';//添加分隔符号，好indexOf进行比较vararr=v.split(',');$('#control_7option').each(function(){if(v.indexOf(','+this.value+',')!=-1)this.selected=true;});//再调用插件初始化select对象

3. 关于js的下拉菜单select

你是要这样的效果吗？用回车添加
<html>
<head>
<style>
.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
</style>
</head>
<script>
function addOption(pos){

if(event.keyCode==13) //使用回车添加
{
var select_obj = document.getElementById("myselect");
var text_value = document.getElementById("test").value;

if (select_obj.length)
{
for (var i=0;i<select_obj.length;i++)
{
// 如果已经存在，不添加，直接退出
if (select_obj.options[i].text==text_value)
alert("选项已存在，请重新输入");
}
}
var the_option= new Option(text_value,text_value);

select_obj.add(the_option);

select_obj.selectedIndex = select_obj.options.length-1
}

}
</script>
<div class="cls1" style="clip: rect(3 280 21 110)">
<select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">
</select>
</div>
<div class="cls2">
<input type="text" name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23">
</div>

</body>
</html>

4. 怎么让下拉框SELECT多选

应该是这个吧
<SELECT name=menu1 onchange="MM_jumpMenu('parent',this,0)"
style="HEIGHT: 20px; WIDTH: 80px"> <OPTION selected>选择地点</OPTION>
<OPTION value=/default-qz.php>全国</OPTION> <OPTION
value=/default-bj.php>北京</OPTION> <OPTION
value=/default-sh.php>上海</OPTION> <OPTION
value=/default-gz.php>广州</OPTION> <OPTION
value=/default-sz.php>深圳</OPTION> <OPTION
value=/default-xa.php>西安</OPTION> <OPTION
value=/default-wh.php>武汉</OPTION> <OPTION
value=/default-hz.php>杭州</OPTION> <OPTION
value=/default-cd.php>成都</OPTION></SELECT>
<SCRIPT language=JavaScript></SCRIPT>在select中加multiple即可!如:<select multiple>
<option>a</option>
<option>b</option>
<option>c</option></select>控件本身好像不支持复选，想点别的办法吧，反正只要实现了就行，例如自己写javascript效果。
<select multiple name="selectedjob" size="7" style="WIDTH: 190px"></select>就是加一个multiple属性，但是如果你要控制多选的个数，那就用脚本控制了。
要单纯做下拉的没办法~~~真正想做的话自己用JS做吧~~多选时用Ctrl+左键1、下拉框多选加：multiple 即可
<select multiple name="jj">
<option value=1>one</option>
<option value=2>two</option></select>2、下拉框不一定就下拉，可以象列表框，只要size值>1既可试试这<select multiple name="jj" size=3>
<option value=1>one</option>
<option value=2>two</option></select>又下拉又多选似乎不行
你变通一下，做个其他的，onSubmit时传给hidden的就可以了

5. js怎么能取得多选下拉框选中的多个值

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

1、HTML结构

<selectid="test"multiple="true">
	<optionvalue="option-A">option-A</option>
	<optionvalue="option-B">option-B</option>
	<optionvalue="option-C">option-C</option>
	<optionvalue="option-D">option-D</option>
</select>
<inputtype="button"value="确定"onclick="fun()"/>

2、javascript代码

functionfun(){
	varselect=document.getElementById("test");
	varstr=[];
	for(i=0;i<select.length;i++){
		if(select.options[i].selected){
			str.push(select[i].value);
		}
	}
	alert(str);
}

3、效果演示

6. 如何用javascript实现多选下拉框

<!DOCTYPEHTML>
<html>
<head>
<metacharset=utf-8/>
<title>test</title>
<scripttype="text/javascript">
	window.onload=function(){
		document.getElementById('sel').options[0].selected=true;
		document.getElementById('sel').options[1].selected=true;
		document.getElementById('sel').options[3].selected=true;
	};
</script>
</head>
<body>
	<selectid="sel"multiple>
		<optionvalue="1">1</option>
		<optionvalue="2">2</option>
		<optionvalue="3">3</option>
		<optionvalue="4">4</option>
	</select>
</body>
<html>

7. js怎么实现能多选的下拉框，点一个选中一个

Hi，你的操作就是当已经选择过的情况下你需要删除掉数组的相应值。
我帮你改写了一下，数组值需要存储选框的下标就可以了的。

<script language="javascript">
var sel = [];
function OnClick() {
var i_ts_desc = document.getElementById("i_ts_desc");
var index = i_ts_desc.selectedIndex;
var iHas = -1;
sel.sort();
for (var i = 0; i < sel.length; i++) {
if (sel[i] == index) {
iHas = i;
} else {
i_ts_desc[sel[i]].selected = true;
}
}
if (iHas == -1) {
sel.push(index);
i_ts_desc[index].selected = true;
} else {
sel.splice(iHas, 1);
i_ts_desc[index].selected = false;
}
}
</script>
<select id="i_ts_desc" multiple="multiple" onclick="OnClick();" >
<option value="A">0</option>
<option value="B">1</option>
<option value="C">2</option>
<option value="D">3</option>
<option value="E">4</option>
<option value="F">5</option>
</select>

导航:首页 > 编程语言 > js设置select多选下拉框

js设置select多选下拉框

与js设置select多选下拉框相关的资料

友情链接