SELECTMULTIPLE,selectmultiple多选可勾选
jquery 判断select multiple是否有
select multiple="multiple" style="width: 200px;" id="mymultiple"
option1/option
option2/option
option3/option
option4/option
option5/option
/select
使用原生的JavaScript 脚本只能够取得第一个选中的第一个的值
var z = document.getElementById("mymultiple");
alert(z.value)
可以通过轮训所有selected 的option 取得所有选中的数值
jQuery 或者第三方类库 会返回1,2,3,4 这样的值
jquery的实现如下:
通过判断select的 type 属性,如果是type: "select-multiple"(相对应的是select-one)
不是“select-one”,则轮训所有option,取得是selected 的option的数值,放到一个数组中
var value, option,
options = elem.options,
index = elem.selectedIndex,
one = elem.type === "select-one" || index 0,
values = one ? null : [],
max = one ? index + 1 : options.length,
i = index 0 ?
max :
one ? index : 0;
// Loop through all the selected options
for ( ; i max; i++ ) {
option = options[ i ];
// IE6-9 doesn't update selected after form reset (#2551)
if ( ( option.selected || i === index )
// Don't return options that are disabled or in a disabled optgroup
( support.optDisabled ? !option.disabled : option.getAttribute( "disabled" ) === null )
( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
// Get the specific value for the option
value = jQuery( option ).val();
// We don't need an array for one selects
if ( one ) {
return value;
}
// Multi-Selects return an array
values.push( value );
}
}
return values;
js 2个select 设置multiple="multiple" ,如何通过点击一个button 将选中的那一行添加到另一个内或进行删
//使用时只需填写两个select的id?反向移动交换两个id即可
function?mOption(select1,?select2){//第一个select的id,第二个select的id
?????for(var?i?=?select1.options.length?-?1?;?i?=?0?;?i--){
if(select1.options[i].selected){
????var?option?=?new?Option(select1.options[i].text,select1.options[i].value);
????option.selected?=?true;
????select2.options.add(option);//添加到到第二个select里面
????select1.remove(i);//从第一个里面移除
}
????}
}
select标签multiple属性设置多个默认值
select id="" multiple="multiple" size="5" name=""
option value="1" selecteda/option
option value="2" selectedb/option
option value="3"c/option
option value="4"d/option
/select
加上selected 就行了
jquery对于multipleselect怎么赋值
jQuery直接将元素的val,用数组进行赋值即可。
例如:
$('#deptVal').val([1,2])
可以实现将多选框进行多重选择。
反过来,
使用$('#deptVal').val()
可以得到一个数组(当前选中的选项值,组成的数组)