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

adding two different array value from select option in jquery (text & value)

本文关键字：数组 text value amp 两个 select 中的 jquery 选项 添加      更新时间：2024-04-01

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

这是我的部门阵列

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'];

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评论后更新

小提琴演示

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
    }));
});

代替数组，您可以使用类似的对象方法

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

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

或者如果你想使用数组，那么像这个一样改变

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

如果您知道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
}));
相关文章：