jquery - 使用 jQuery 更改数组字段的值

Question

<input type="text" name="fruits[]" value="Apple">
<input type="text" name="fruits[]" value="Banana">
<input type="text" name="fruits[]" value="Orange">

我的问题是如何使用 jquery 将“Orange”的值更改为“Grapes”？下面的代码不起作用。

<script>
    $("input[name='fruits[2]']").val("Grapes"); 
</script>

提前致谢。

Answer 1

尝试使用eq(index)：

$(function(){ //<-- Add this in DOM ready wrapper as well
   $("input[name='fruits[]']").eq(2).val("Grapes"); 
});

小提琴

Answer 2

1. 代码需要在 dom 就绪处理程序中执行
2. 您的选择器使用名称而不是input[name='fruits[2]']名称查找输入元素，并且位于第三个索引处fruits[2]fruits[]

所以

jQuery(function () {
    $("input[name='fruits[]']:eq(2)").val("Grapes");
})

演示：小提琴

Answer 3

尝试这个：

$("input[value='Orange']").val('Grapes');