javascript - 将 select2 类动态添加到当前单击的元素

Question

我将 select2 类动态添加到当前单击的元素，但搜索框在第二次单击后出现。它应该在第一次单击元素时出现。

例如:

$(document).on('click', 'select', function () {             
    $(this).select2();
});

谢谢

Answer 1

select2初始化后，我们可以使用命令.select2('open')再次调用它

希望这是您正在寻找的。

$(document).on('click', 'select', function() {
  var select2_open;
  $(this).select2().select2('open');
});

<link href="https://select2.github.io/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://select2.github.io/dist/js/select2.full.js"></script>

<select class="select">
  <option value="AL">Alabama</option>
  <option value="WY">Wyoming</option>
</select>