Change the value of array field using jQuery

Question

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

My question is how to change the value of "Orange" to "Grapes" using jquery? The below code is not working.

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

Thanks in advance.

PSL · Accepted Answer · 2013-10-04 03:13:30Z

1

Try using eq(index):

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

Fiddle

answered Oct 4, 2013 at 3:13

PSL

124k21 gold badges257 silver badges243 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arun P Johny · Accepted Answer · 2013-10-04 03:14:22Z

1

The code needs to be executed in dom ready handler
your selector input[name='fruits[2]'] looks for input elements with name fruits[2] instead of with name fruits[] and is at the 3rd index

So

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

Demo: Fiddle

answered Oct 4, 2013 at 3:14

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Tarun Singhal · Accepted Answer · 2013-10-04 05:28:54Z

0

Try this:

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

answered Oct 4, 2013 at 5:28

Tarun Singhal

1,0079 silver badges11 bronze badges

Collectives™ on Stack Overflow

Change the value of array field using jQuery

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related