動態添加select2類到當前點擊元素

Question

我動態添加select2類到當前點擊元素，但搜索框在第二次點擊後出現。它應該首先點擊元素。

例：

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

感謝

Answer 1

後，選擇2已經初始化那麼我們就可以用命令再次調用它.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>

Answer 2

你並不需要添加onclick

只是$('select').select2();

https://jsfiddle.net/vandolphreyes29/z5ogefz8/7/

Answer 3

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

<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>