使用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"); 
});

<强> Fiddle

Answer 2

1. 代码需要在dom ready handler
中执行
2. 您的选择器input[name='fruits[2]']会查找名称为fruits[2]而非名称为fruits[]且位于第3个索引的输入元素

所以

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

演示：Fiddle

Answer 3

试试这个：

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