selectize.js:预选多个值(默认标记值)

时间:2016-09-19 12:38:22

标签: jquery html5 selectize.js

此HTML代码:

<select id="mySelect" name="mySelect" placeholder="Beruf">
<option value="">-- Bitte wählen -- </option>
<option value="1">Koch</option>
<option value="2" selected="selected">Fischer</option>
<option value="3" selected="selected">Schweisser</option>
<option value="4">Lehrer</option>
<option value="5" selected="selected">Bauer</option>
</select>

Javascript(selectize.js):

$('#mySelect').selectize({
    maxItems : 3
});

给出这个:

enter image description here

而不是:

enter image description here

我的问题是: 我如何预选或预加载多个标记

2 个答案:

答案 0 :(得分:0)

您忘记了多重属性:

<select id="mySelect" multiple name="mySelect" placeholder="Beruf">
  <option value="">-- Bitte wählen -- </option>
  <option value="1">Koch</option>
  <option value="2" selected="selected">Fischer</option>
  <option value="3" selected="selected">Schweisser</option>
  <option value="4">Lehrer</option>
  <option value="5" selected="selected">Bauer</option>
</select>

https://jsfiddle.net/Tintin37/w99f3qf8/

答案 1 :(得分:0)

您需要将[]添加到选择的名称,并添加多个标记,如下所示:

<select id="mySelect" name="mySelect[]" placeholder="Beruf" multiple>