我需要从下拉列表中选择多个值。我正在使用 bootstrap css。
这是我的下拉代码:
<select multiple class="dropdown-menu">
<option value="monday">Monday</option>
<option value="tuesday">Tuesday</option>
<option value="wednesday">Wednesday</option>
<option value="thursday">Thursday</option>
<option value="friday">Friday</option>
<option value="saturday">Saturday</option>
<option value="sunday">Sunday</option>
</select>
通过使用上面的代码,我可以使用 CTRL 键选择多个选项,但我不想使用 ctrl 键,我需要选择多个值。
是否可以使用 jquery、javascript 来实现?
还有一件事,比如我可以选择不超过两个或三个值吗?
提前致谢....
最佳答案
这是一种不用 ctrl 单击的方法。
$('option').mousedown(function(e) {
e.preventDefault();
$(this).prop('selected', $(this).prop('selected') ? false : true);
alert($("#mySelect :selected").length);//select option selected count
//if($("#mySelect :selected").length==2)
//some stuff
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple="multiple" id="mySelect">
<option id="1">Option</option>
<option id="2">Option</option>
<option id="3">Option</option>
<option id="4">Option</option>
</select>
关于javascript - 如何从下拉列表中选择多个值?我使用的是 Bootstrap css 版本 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31313180/