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"));
});

以上内容返回正确的对象，但无法将其引用到select select标记中的原始值。

Answer 1

也许您可以尝试以下代码

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

Jsfiddle

在多选模式下为Select2标签添加onclick功能

1 个答案: