CODEWITHSUNDEEP
javascriptjqueryhtmlarraystextbox
Dinesh G
Dinesh G

Reputation: 1365

How add value to array textbox in jquery?

How can I assign value to array named textbox?

Example:

<input type="text" name="amount[]" value="" />
<input type="text" name="amount[]" value="" />
<input type="text" name="amount[]" value="" />

Add values to Text box using jquery

$('input[name="amount[1]"]').val(20);
$('input[name="amount[2]"]').val(130);
$('input[name="amount[3]"]').val(50);

The above script is not working. Please help me to solve this problem.

Upvotes: 3

Views: 6202

Answers (1)

Pranav C Balan
Pranav C Balan

Reputation: 115212

You can use eq() or :eq()

$('input[name="amount[]"]').eq(0).val(20);
$('input[name="amount[]"]').eq(1).val(130);
$('input[name="amount[]"]').eq(2).val(50);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" name="amount[]" value="" />
<input type="text" name="amount[]" value="" />
<input type="text" name="amount[]" value="" />

or

$('input[name="amount[]"]:eq(0)').val(20);
$('input[name="amount[]"]:eq(1)').val(130);
$('input[name="amount[]"]:eq(2)').val(50);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" name="amount[]" value="" />
<input type="text" name="amount[]" value="" />
<input type="text" name="amount[]" value="" />

Upvotes: 3

Related Questions