javascript - How to get values of each input field using jquery having same name? - Stack Overflow

admin管理员组

文章数量:1345419

I am trying to get the values of each of the input field that are under same set. Below is my code:

Input field 1:

<input type="text" maxlength="255" name="amount[]" >

Input field 2:

<input type="text" maxlength="255" name="amount[]" >

and so on....the number of fields are variable.

Now I want to get the values the user typed in each of the field that is named . How to do that in jquery?

I have tried following code but it returns nothing:

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

I am trying to get the values of each of the input field that are under same set. Below is my code:

Input field 1:

<input type="text" maxlength="255" name="amount[]" >

Input field 2:

<input type="text" maxlength="255" name="amount[]" >

and so on....the number of fields are variable.

Now I want to get the values the user typed in each of the field that is named . How to do that in jquery?

I have tried following code but it returns nothing:

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

• javascript
• jquery
• html

Share Improve this question Follow edited Jul 18, 2014 at 5:50 Govind Singh 15.5k1414 gold badges7777 silver badges108108 bronze badges asked May 8, 2014 at 8:12 HammadHammad 2,13733 gold badges2929 silver badges4848 bronze badges

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 8

you can get all values in an array

var values = $('input[name="amount[]"]').map(function(){
   return this.value;
}).get();

console.log(values);

Demo ---> http://jsfiddle/BFjp5/

Since there are multiple element with same name you need indexing:

$("input[name='amount[]']")[0].value;

Here is demo

and for getting all elements values:

$("input[name='amount[]']").each(function (i,v) {
    alert(this.value);
});

Here is demo

by javascript

function getValues(){
        var ids=document.getElementsByName('amount[]');
        var ary=new Array();

        for(var i=0;i<ids.length;i++){
            ary[i]=ids[i].value;
        }
        return ary;
    }

$("input[name='amount[]']")

This will get you a set of elements. You can get value of each of those elements by iterating over them.

$("input[name='amount[]']").each(function(){
    $(this).val();
});

Try to pass the attribute value as a string since [ and ] are meta-characters,

var values = $("input[name='amount[]']")
                  .map(function(){ return $(this).val() })
                    .get().join('');

DEMO

You don't!

The whole point of ID's in the DOM is that they are unique.

本文标签： javascriptHow to get values of each input field using jquery having same nameStack Overflow