Chosen.js多重选择选项

Question

有没有一种方法可以设置多个选择框上的所选内容，以便在选择项目时默认情况下仅显示选项值而不是选项名称。

<select multiple>
<option value="A">America</option>
<option value="B">Barbados</option>
<option value="C">Canada</option>
</select>

因此，选择后，输入框将显示“ A”，“ B”和“ C”

Answer 1

确保使用正确的.js和.css文件。

这对我有用：

<head>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.css">
</head>

<body>

 <select multiple style="width: 500px;">
  <option value="A">America</option>
  <option value="B">Barbados</option>
  <option value="C">Canada</option>
 </select>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.jquery.min.js"></script>

 <script>
  $(document).ready(function() {
   $('select').chosen();
  });
 </script>

</body>

在此示例中，使用了cdnjs.cloudflare.com的外部资源：

3.1.0 / jquery.min.js

1.6.1 / chosen.css

1.6.1 / chosen.jquery.min.js

Chosen.js多重选择选项

问题描述

1 个解决方案

解决方案1
0 2016-07-21 21:09:36

Chosen.js多重选择选项

问题描述

1 个解决方案

解决方案1 0 2016-07-21 21:09:36

解决方案1
0 2016-07-21 21:09:36