怎么设置下拉列表中的双选
怎么设置下拉列表中的双选
怎么设置下拉列表中的双选
2018-05-05
你可以这样设置。在任意的选项里面先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那样进行多选,会方便很多。
举报