在从 JS 选择中设置多个选项

Question

我在我的多选下拉菜单中使用了selected.js 。 我想从 JS 设置multiple true或false ，但我无法设置。 我怎样才能做到这一点？

HTML :

<select name="test" id="id">
   <option value="">-- Select an option --</option>
   <option class="item" name="test" value="21" data-url="URL">A</option>
   <option class="item" name="test" value="22" data-url="URL">B</option>
   <option class="item" name="test" value="23" data-url="URL">C</option>
</select>

JS：

require([
  'jquery',
  'chosen'
], function($, chosen) {
  $('#id').chosen({
    width: '100%',
    multiple: true,
    //multiple: 'multiple', also tried this
    placeholder_text: "Select Options"
  });
})

注意：我不想直接在HTML代码中设置。

更新（输出）：

Answer 1

无法更改所选库本身中的选择类型。 它是在实例化库时使用 HTML select元素上的multiple属性设置的。

当您声明不想或不能修改 HTML 时：

请注意，我不想直接在 HTML 代码中设置它。

然后，您可以在定义 Chosen 库之前在 JS 中设置multiple属性。 您也可以删除第一个“选择一个选项”项目，因为它与多选无关。

var $select = $('#id').attr('multiple', true);
$select.find('option:first').remove();
$select.chosen({
  width: '100%',
  placeholder_text: "Select Options"
});