在下拉列表中检索多个值

时间:2016-11-11 11:47:38

标签: jquery asp.net ajax

我在数据库表中有两列,一个是国家,另一个是端口。插入时从下拉列表中选择国家/地区是在列表框中加载的。 然后我们为一个国家选择多个端口并插入数据库。

Eg.  Country:-India Port:-AGARTALA,BAGDOGRA,BANGALORE,COIMBATORE

表视图是这样的。现在我需要逐个检索下拉列表中插入表中的所有端口。如何解决...在此先感谢。

1 个答案:

答案 0 :(得分:0)

首先,您需要拆分数据:

var data = 'Country:-India Port:-AGARTALA,BAGDOGRA,BANGALORE,COIMBATORE';

var portStart = data.lastIndexOf('-')+1;

//create an array of items by removing the garbage in the beginning
//and splitting on the commas
var ports = data.substr(portStart).split(',');

然后使用jquery的$.each()方法迭代数组中的所有项目:

// ports -> the array from above
// function()...  the operation to perform on each item in the array
$.each(ports, function (index, value) {
    //insert an option element into #ports with the value/text attributes set as shown
    $('#ports').append($('<option/>', { 
        value: value,
        text : value 
    }));
});