怎么设置下拉列表中的双选
想请教下,这个加multiple属性,出现这个问题是怎么回事?,我的代码如下图:
你可以这样设置。在任意的选项里面先Default已经选择两个,那么你就可以不必按Ctrl进行双选甚至多选了。
HTML里面
<select multiple class="form-control">
<option>火车</option>
<option>飞机</option>
<option>游轮</option>
<option>巴士</option>
</select>
加上JQuery里面应用这段代码,你就可以不必按Ctrl在下拉列表里面进行多选。
jQuery('option').mousedown(function(e) {
e.preventDefault();
jQuery(this).toggleClass('selected');
jQuery(this).prop('selected', !jQuery(this).prop('selected'));
return false;
});
个人建议:当然你也可以用Radio Button那样进行多选,会方便很多。
下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"
属性,就可以实现多选功能,在 windows 操作系统下,进行多选时按下Ctrl
键同时进行单击