在选择选项中选择多个项目,而不使用“Ctrl”键

select multiple items in select option without using 'ctrl' key

本文关键字:选择 Ctrl 选项 项目      更新时间:2023-09-26

有没有办法在不使用"ctrl"的情况下在多个选择下拉列表中选择多个项目? 下面是到目前为止我尝试过的片段,不幸的是不起作用。请提供任何帮助,想法,线索,建议,建议?

$(document).ready(function(){
  $("#options option").click(function(){
    $(this).prop("selected",true);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="options" class="form-control" multiple>
  <option value="1">option one</option>
  <option value="2">option two</option>
  <option value="3">option three</option>
  <option value="4">option four</option>
  <option value="5">option five</option>
</select>

你可以选择jQuery插件解决方案。演示 JSFiddle

$(function () {
    $('select').multipleSelect();
});

您可以在GitHub上找到"多选"项目