Javascript 在非多个选择框上使用Selectize API

我有一个简单的设置，尝试使用

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>

不幸的是，

addOption

函数似乎没有向选择框添加选项。更糟糕的是，

getOption

调用只返回

undefined

。另外，如果我将

多个
添加到
标记中，那么这两个API调用都能正常工作

我创造了

我做错了什么？
如果选择的不是多个，则使用
selectize.getValue（）
检索当前值

要添加一个选项，您必须为该选项提供一个value属性，并且只提供text属性

因此，如果您只是尝试获取所选值，请使用：

jQuery(function() {
  var selectize = $('#select').selectize()[0].selectize;

  $('#add-option').on('click', function() {
    selectize.addOption({ value: 99, text: 'Peter Pan' });
  });

  $('#get-option').on('click', function() {
    console.log('Get option:', selectize.getValue());
  });
});

但在您的示例中，尝试获取值为2的选项似乎是多余的；你知道这个值是2。如果你能进一步解释你想要达到的目标，也许我能进一步帮助你

文件可能更清晰，但都在那里
 谢谢你的帮助。在第二个示例中，我试图获取值为2的选项文本。关于文档，我发现虽然方法的描述很好，但没有解释
值
、
选项
和
项
之间的差异。也许对大多数人来说，差异是显而易见的。
jQuery(function() {
  var selectize = $('#select').selectize()[0].selectize;

  $('#add-option').on('click', function() {
    selectize.addOption({ value: 99, text: 'Peter Pan' });
  });

  $('#get-option').on('click', function() {
    console.log('Get option:', selectize.getValue());
  });
});