【问题标题】:jquery multiselect: How to get valuejquery multiselect:如何获得价值
【发布时间】:2015-06-05 14:29:38
【问题描述】:

我使用了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>

【问题讨论】:

  • 动态添加选项后能画多选吗?

标签: jquery jquery-multiselect


【解决方案1】:

您可以通过简单的 jquery 更改功能获得选定的选项值 例如

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

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

});

JS BIN Example

【讨论】:

    【解决方案2】:

    只需使用.val() 它会返回一个选定值的数组

    【讨论】:

      猜你喜欢
      • 2017-07-04
      • 1970-01-01
      • 2016-01-30
      • 1970-01-01
      • 2011-01-01
      • 2013-08-06
      • 2014-03-01
      • 2020-11-03
      • 2017-10-19
      相关资源
      最近更新 更多