Javascript Jquery将选项添加到具有二维名称的所有选择元素

我试图用某个多维名称向所有选择字段动态添加一个选项值，但我似乎无法理解：(

以下是HTML:

<input type="text" name="computer['id'][]" onBlur="load_comp_select();">

动态添加服务输入字段。可以有超过10个索引

<select name="service['comp_id'][]">
</select>

这里是JS:

function load_comp_select(){
    var computers = $("input[name^='computer[\\'id\\']']").serializeArray();
    $.each(computers, function(i, field){
        console.log(field.value);
        $.each($("input[name^='service[\\'comp_id\\'][]']"), function(key, value){
            console.log("service : " + key);
            $("input[name^='service[\\'comp_id\\']']").eq(key).append($('<option/>', {
                                                            value: field.value,
                                                            text : field.value
                                                            }));
        });
    });
}

function load\u comp\u select（）{
var computers=$（“输入[name^='computer[\\'id\\\']']”）。序列化数组（）；
$。每个（计算机、功能（i、字段）{
console.log（field.value）；
$。每个（$（$输入[name^='service[\\\'comp\\\'][]']），函数（键，值）{
控制台日志（“服务：+键）；
$（“输入[name^='service[\\'comp\u id\\']']））.eq（键）。追加（$（''{
value:field.value，
文本：field.value
}));
});
});
}

为了总结我正在尝试做的事情…当我在任何计算机['ID'][]字段中键入计算机ID时，该字段的值将作为选项添加到名称为服务['comp_ID']的所有选项中。感谢您的帮助

---

试试下面的代码，它可以帮助您动态添加选择选项

$（“.ip1”）.blur（函数（）{
var opt=$（“#ip1”）.val（）；
var defaultText=''；
$（'#List'）.append（$（“”）.attr（“value”，opt）.text（opt））；
$（this.val）（默认文本）；
})；

你能分享你的例子吗？还要在元素的名称中使用

computer.id

和

service.comp\u id

，这样就可以像

$（“输入[name=computer.id]”）和
$（“选择[name=service.comp\u id]”）一样访问它
分别。否则，@Iqbal Pasha的答案是perfectjshiddle：这实际上对第一次选择有效，但之后动态添加的任何服务都将保留为空。