jquery multiselect:如何获得价值

时间:2015-06-05 06:07:41

标签: jquery jquery-multiselect

我使用jQuery multiSelect插件,但我不知道如何在右侧收集所选值并发送到数据库。
我的余音不起作用。

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>

2 个答案:

答案 0 :(得分:1)

只需使用.val()它将返回一组选定值

答案 1 :(得分:1)

您可以通过简单的jquery更改功能获取所选的选项值 对于E.g

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

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

});

JS BIN Example