jquery - 选择 Selectize.js 字段后如何关注下一个字段

Question

从 selectize.js 中选择项目后，如何聚焦到下一个元素select元素 ？我在 selectize.js 中没有找到 onSelect 选项。注意:我的下一个元素也是 selectize.js 选择元素

Answer 1

您可以使用 change第一个选择框上的事件。然后，每当第一选择框改变时，使用 selectize 实例并调用 .focus()对于第二个选择框。
演示代码 :

var $select = $('#a').selectize();
var $select2 = $('#b').selectize();
// get instance
var selectize = $select[0].selectize;
var selectize2 = $select2[0].selectize;
//on change of first select or use blur event
selectize.on('change', function onChange() {
  selectize2.focus() //focus second one 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/js/standalone/selectize.min.js"></script>
<select id="a">
  <option value="1">A</option>
  <option value="3">N</option>
</select>
<select id="b">
  <option value="1">A</option>
  <option value="22">Ar</option>
</select>