从jquery中的select选项中添加两个不同的数组值(text& value)

时间:2013-12-05 06:58:05

标签: javascript jquery arrays

我将如何添加另一组数组并将其放在选项的值上。

这是我的dept数组

var dept = ['dept1','dept2','dept3'];



$.each(dept, function(index, value){         
$("#filter2").append($("<option>",{
            value: value,  //--this is where i should put the value of array dept_id
            text: value
}));

我想添加我的其他数组并将其放在每个选项的值中:

var dept_id = ['35', '36', '37'];

3 个答案:

答案 0 :(得分:1)

fiddle Demo

使用value: dept_id[index],

var dept = ['dept1', 'dept2', 'dept3'],
    dept_id = ['35', '36', '37'],
    filter2 = $("#filter2");
$.each(dept, function (index, value) {
    filter2.append($("<option>", {
        value: dept_id[index],
        text: value
    }));
});

<小时/> 在OP的评论

之后更新

fiddle Demo

var dept = ['dept1', 'dept2', 'dept3'],
    dept_id = ['35', '36', '37'],
    filter2 = $("#filter2");
$.each(dept_id, function (index, value) {
    filter2.append($("<option>", {
        value: value,
        text: 'dept' + ++index
    }));
});

答案 1 :(得分:0)

而不是数组,您可以使用像这样的对象方法

var dept = {'35':'dept1','36':'dept2','37':'dept3'};

在每个循环索引中返回35和值返回离开名称

或者如果你想使用数组,那么就像这样改变

var dept = [];
dept[35] = 'dept1';
dept[36] = 'dept2';
dept[37] = 'dept3';

答案 2 :(得分:0)

如果您了解JSON,则可以使用此格式获取数据 以下代码段应该有帮助

var data = "[{'dep':'dept1','id':'35'},{'dep':'dept2','id':'36'},{'dep':'dept3','id':'37'}]";
data = JSON.parse(data);


$.each(data , function(index, value){         
$("#filter2").append($("<option>",{
        value: value.id,  //--this is where i should put the value of array dept_id
        text: value.dep
}));