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 个答案: