我有一个简单的Selectize设置,我正在尝试使用它getOption
和addOption
方法。
<select id="select">
<option value="0">Thomas Edison</option>
<option value="1">Nikola</option>
<option value="3">Nikola Tesla</option>
<option value="2">Arnold Schwarzenegger</option>
</select>
<button id="get-option">Get option</button>
<button id="add-option">Add option</button>
我写了一些 JS 来调用我的 selectize 实例上的方法:
jQuery(function() {
var selectize = $('#select').selectize()[0].selectize;
$('#add-option').on('click', function() {
selectize.addOption({ text: 'Peter Pan' });
});
$('#get-option').on('click', function() {
console.log('Get option:', selectize.getOption(2)[0]);
});
});
不幸的是,该addOption
功能似乎没有向选择框添加选项。更糟糕的是,getOption
电话只是返回undefined
。此外,如果我添加multiple
到<select>
标签中,那么两个 API 调用都会按预期工作。
我创建了一个显示问题的 Plunker。
我究竟做错了什么?