CODEWITHSUNDEEP
jquery
Fullbalanced
Fullbalanced

Reputation: 87

How to take value from array of inputs

I have form with inputs

<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]">

How I can receive data from 3rd input, for example?

This construction doesn't work

$('input[name="name[2]"]').val();

Upvotes: 2

Views: 37

Answers (2)

Slye
Slye

Reputation: 196

If you are the one who writes the inputs, the best practice here is to use ids

<input id="input1" type="text" name="name[]">
<input id="input2" type="text" name="name[]">
<input id="input3" type="text" name="name[]">
<input id="input4" type="text" name="name[]">
<input id="input5" type="text" name="name[]">

To recover de data of the input:

var text = $('#input3').val();

Upvotes: 0

Satpal
Satpal

Reputation: 133403

You can use :eq() selector or .eq() method

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

Upvotes: 1

Related Questions