Блог

У меня есть простая настройка выбора, в которой я пытаюсь использовать ее 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>
 

 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]);
  });
});
 

Я создал плунжер, показывающий проблему.

Что я делаю не так?

Когда у вас есть выбор, который не является множественным, вы используете 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. Если вы можете подробнее объяснить, чего вы пытаетесь достичь, возможно, я смогу помочь дальше.

Документы могли бы быть более понятными, но все это есть. https://github.com/brianreavis/selectize.js/blob/master/docs/api.md#methods_options