jquery 多选：如何获取值

Question

我使用jQuery multiSelect插件，但我不知道如何收集右侧的选定值并发送到数据库。
我的 afterselect 不起作用。

HTML

<select multiple="multiple" id="add-group-select" name="my-select[]">
</select>

jQUery

$('#myModal_add_new_group').on('show.bs.modal', function(e) {
    $.ajax({
        type : 'GET',
        url : 'users',
        async : true,
        success : function(datas) {
                //console.log(datas);
                stringa ="";
                for(var i in datas){
                    var data = datas[i];                        
                    stringa +="<option value=\"add_gmember_"+data.userId+"\">"+data.userName+"</option>";   
                }
                $("#add-group-select").append(stringa);    
                $('#add-group-select').multiSelect('refresh');  
                $('#add-group-select').multiSelect({
                  afterSelect: function(values){
                    alert("Select value: "+values);
                  },
                  afterDeselect: function(values){
                    alert("Deselect value: "+values);
                  }
                });

        }
    });
});

string 是：

<option value="add_gmember_1">Ken</option>
<option value="add_gmember_2">wen</option>
<option value="add_gmember_3">win</option>
<option value="add_gmember_24">abc</option>
<option value="add_gmember_26">zoo</option>
<option value="add_gmember_28">1</option>
<option value="add_gmember_29">2</option>
<option value="add_gmember_30">3</option>
<option value="add_gmember_31">4</option>
<option value="add_gmember_32">5</option>

Answer 1

只需使用 .val() 它会 return 你选择的值数组

Answer 2

您可以通过简单的jquery更改函数来获取选定的选项值例如

$('#add-group-select').change(function(){

console.log($(this).val());  // this will give values of selected option by array

});

JS BIN Example

jquery 多选：如何获取值

jquery multiselect: How to get value

jquery

jquery-multiselect