Question

我正在使用Dropdownlist进行垂直，使用Multiselect列表框进行帐户和视图页面中的按钮。当我更改下拉列表（垂直）时，多选列表框将可见并填充相应的帐户。当我从多选列表框中选择项目（帐户）时，我希望在变量中将所选值作为逗号分隔值。我正在使用以下jQuery：

$(document).ready(function () {
    $('#acc').hide();
    $('#ddlacc').hide();          
    $('#smt').click(function () {                 
     var vertical=$('#vdropdown :selected').text();
     var selectedvalues = $('#ddlacc > :selected').map(function () { return $(this).val(); }).get().join(',');
     var account = $('#ddlacc > :selected').map(function () { return $(this).text(); }).get().join(','); 
    getGrid(vertical,account);
    });
});

这是我用于下拉列表的html助手，

        <b>Vertical : </b>@Html.DropDownList("Var_Vertical", new SelectList(Model.lstTravelReadyEntities, "Var_Vertical", "Var_Vertical", Model.lstTravelReadyEntities), "         ", new { id = "vdropdown", @onchange = "javascript:GetAccounts(this.value);" })

以下是填充多选列表框的功能

     function GetAccounts() {
    var url = "/Home/Account/";
    $.ajax({
    url: url,
    data: {},
    cache: false,
    type: "POST",
    success: function (data) {
    var markup = "";
    for (var x = 0; x < data.lstTravelReadyEntities.length; x++) {
    markup += "<option value=" + x + ">" + data.lstTravelReadyEntities[x].Var_AccountName + "</option>";
    }
    $('#acc').show();
    $('#ddlacc').html(markup);                        
    $('#ddlacc').multiselect(); 
    },
    error: function (reponse) {
    alert("error : " + reponse);
    }        
    });        
}

在这里，我只能获得变量中最后选择的项目（selectedvalues）。在变量（selectedvalues）中获取逗号分隔值需要做些什么改变？

Answer 1

似乎你正在使用erichynds jQuery multiselect http://www.erichynds.com/blog/jquery-ui-multiselect-widget

您可以使用方法getChecked（）

获取所有选定的元素

var str=''; 
$("select").multiselect("getChecked").each(function(){str+=this.value+','});

Answer 2

使用multiSelect插件，您需要使用插件的 getChecked 方法：

所以：

var allChecked = $('#ddlacc').multiselect('getChecked'); //get the checked cached elements

var selectedvalues = $(allChecked).map(function () {
    return this.value; //get the values
}).get().join(',');

var account = $(allChecked).map(function () {
    return this.title; //text stored as title
}).get().join(',');

<强> Demo

获取Multiselect列表框选定项目作为变量中的逗号分隔值

2 个答案: