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 を使用して「オレンジ」の値を「ブドウ」に変更する方法です。以下のコードは機能しません。

<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 Ready ハンドラで実行する必要があります
2. セレクターは、名前ではなくinput[name='fruits[2]']名前で入力要素を探し、3番目のインデックスにありますfruits[2]fruits[]

そう

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

デモ:フィドル

Answer 3

これを試して：

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