如何从多个元素的相同名称获取名称属性的索引。

Question

I have some input fields, having same names but I only want to get the value of index of each input like this

<input type="text" name="op_price[20]" value="20.00" size="3"  >
<input type="text" name="op_price[2]" value="13" size="3">
<input type="text" name="op_price[14]" value="12" size="3">

So, for example I only wants to get 20, 2, 14 from op_price name attribute, is their any JS or jquery method to do this

Answer 1

This will return the indexes in an array:

var indexes = $('[name^="op_price"]').map(function(){
    return this.name.match(/\d+/);
}).get();

console.log(indexes); // ["20", "2", "14"] 

Answer 2

Use attributeContains selector

Ex from docs :

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

Answer 3

if you're not going to change the name of your input fields, may be you can iterate through a loop to get all the values? Try this:

for(i=0;document.getElementById('op_price['+i+']';i++)
 alert(document.getElementById('op_price['+i+']');

this will give you the value of the ith input field in each iteration of the loop!

Answer 4

var name = $("input:text").attr("name");
name = name.replace("op_price[", "").replace("]", "");
alert(name);

See DEMO

Answer 5

like if you get your name property

   var name="op_price[20]"  

name.replace(/op_price\[(\d*)?]/gi, $1);

then op_price[20] replace with 20