在多種選擇模式下將onclick函數添加到Select2標籤中

Question

我試圖讓Select2在標籤本身被點擊時返回一個選項的值。 HTML本身似乎沒有任何參考實際值。無論如何要做到這一點？非常感謝！

<select id="teachers"> 
    <option value="1">Teacher Name 1</option> 
    <option value="2">Teacher Name 2</option> 
    <option value="3">Teacher Name 3</option> 
</select> 

$("#teachers").select2({ 
    placeholder:"Select teachers", 
    width:"resolve" 

}); 



$("#teachers").select2("container").on("click", ".select2-search-choice", function() { 

     console.log($("#teachers").select2("container").find(".select2-search-choice")); 
}); 

上述返回正確的對象，但也沒有辦法將其參考原始值在選擇選擇標記。

Answer 1

也許你可以試試下面的代碼

$("#teachers").select2({ 
placeholder: "Select teachers", 
width: "resolve", 
formatSelection: function(term) { 
    return "<a href='#' onclick=javascript:alert('"+term.id+"')>"+term.text+"</a>"; 
}}); 

Jsfiddle