在 Chosen from JS 中设置多个选项

Question

我正在为我的多选下拉菜单使用 chosen.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"
  });
})

Note: I don't want to set it in the HTML code directly.

更新（输出）：

Answer 1

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

如您声明不想或不能修改 HTML:

Note that I don't want to set it in the HTML code directly.

那么您可以在定义 Chosen 库之前在 JS 中设置 multiple 属性。您也可以删除第一个 'Select an option' 项目，因为它与多个 select.

无关

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

在 Chosen from JS 中设置多个选项

Set multiple options in Chosen from JS

javascript

jquery

jquery-chosen