2013-07-10 48 views
0

我使用垂直和多選列表框的帳戶和按鈕在視圖中的下拉列表。當我改變下拉列表(垂直)Multiselect列表框將可見並填充相應Accounts.when我從多選列表框中選擇項目(帳戶)時,我想獲取選定的值作爲變量中的逗號分隔值。我使用jQuery的如下:獲取Multiselect listbox選擇的項目作爲逗號分隔變量中的值

$(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)中獲取逗號分隔值,我必須做些什麼?

+1

什麼是'多選()'什麼插件,你正在使用? – PSL

+0

抱歉沒有得到什麼問題 – user2514925

+0

我使用這個我可以從列表框中選擇多個項目。我想獲取選定的值在一個可變的。 – user2514925

回答

0

隨着多選所有選中的元素插件,您需要使用的的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

相關問題