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>