jquery - 在 jquery 中使用变量作为占位符更新选择选项

Question

在我的项目中，页面可以有一个或多个选择，其中选项填充数据库值，这意味着具有不同 ID 的选择字段可以具有相同的选项。

例如:

<select id="set-0-costID">
    <option value="1">Name1</options>
    <option value="2">Name2</options>
    <option value="3">Name3</options>
</select>
<select id="set-1-costID">
    <option value="1">Name1</options>
    <option value="2">Name2</options>
    <option value="3">Name3</options>
</select>

如果体育option == 1 的文本在 id 为“set-0-costID”的字段中更改，我想使用 Jquery 更新 id 为“*costID”的所有其他字段。

此代码有效:

$("[id$='costID']").each(function(index, elem){
    var $el = $('#' + elem.id);
    $('#' + elem.id + ' option[value="1"]').text('Name1new');
    $el.selectpicker("refresh");
});

但我必须更加灵活，希望将所有可能的字段名存储在字典中并循环遍历它。

该代码不起作用。没有错误，但选项未更新。

var fields=['cost1ID', 'cost2ID']; var field_name="";
for (f in fields) {
    field_name = fields[f];  
    $("[id$=field_name]").each(function(index, elem){
        var $el = $('#' + elem.id);
        $('#' + elem.id + ' option[value="1"]').text('Name1new');
        $el.selectpicker("refresh");
    });
};

我猜 Jquery 将 field_name 解释为要搜索的名称而不是变量。我必须如何更改我的代码才能使其正常工作？谢谢

Answer 1

我不确定这是否能解决问题，但请尝试替换:

$("[id$=field_name]").each(function(index, elem){

作者:

$("[id$='"+field_name+"']").each(function(index, elem){

希望这有帮助。