选择Jquery插件 - 获取选定的值

Aak*_*hah 63 jquery jquery-chosen

如何从所选的多选框中获取所选值?

Ben*_*uby 86

$("#select-id").chosen().val()
Run Code Online (Sandbox Code Playgroud)

  • 这与我接受的答案相比,对我来说没有. (7认同)

Ser*_*gii 68

喜欢任何常规输入/选择/等...:

$("form.my-form .chosen-select").val()
Run Code Online (Sandbox Code Playgroud)

  • 指定正确的选择器 - 程序员的工作:) (27认同)
  • 这不是正确的方法..因为,如果同一页面有多个选择框,它将返回假值:) (5认同)

Arv*_*ind 15

这对我有用

$(".chzn-select").chosen({

     disable_search_threshold: 10

}).change(function(event){

     if(event.target == this){
        alert($(this).val());
     }

});
Run Code Online (Sandbox Code Playgroud)


小智 12

$("#select-id").chosen().val()
Run Code Online (Sandbox Code Playgroud)

这是正确的答案,我试过,传递的值是以","分隔的值


Pan*_*ris 7

如果有人想在点击选项时只获得所选值,他可以执行以下操作:

$('.chosen-select').on('change', function(evt, params) {
    var selectedValue = params.selected;
    console.log(selectedValue);
});
Run Code Online (Sandbox Code Playgroud)


Bob*_*des 5

截至2016年,您可以比已经给出的任何答案更简单地做到这一点:

$('#myChosenBox').val();
Run Code Online (Sandbox Code Playgroud)

其中“ myChosenBox”是原始选择输入的ID。或者,在更改事件中:

$('#myChosenBox').on('change', function(e, params) {
    alert(e.target.value); // OR
    alert(this.value); // OR
    alert(params.selected); // also in Panagiotis Kousaris' answer
}
Run Code Online (Sandbox Code Playgroud)

“选择的文档”中,页面底部附近的触发事件部分显示:“选择的事件在原始选择字段上触发了许多标准事件和自定义事件。” 更改事件是这些标准事件之一,因此您可以像使用标准选择输入一样使用它。如果您不想的话,不必选择使用选择的应用程序类作为选择器。(对于该change事件,也就是说,其他事件通常是另一回事。)