Question

I have an array of inputs generated from js code. I have set the name of the inputs like this: name="myTextInput[]"

How can I get the index of the selected input?

I tried something like:

 onClick="oc(this);" 

where:

function oc(inp)
{
    return(inp.index);
}

but is not working.

I can use jQuery as well

Answer 1

You can use the EACH function in jquery. This will parse through the set of matched elements. You can put a custom function inside that will use the index of each element, as you parse through, as an argument.

$('input').each(function(index){
    alert(index);
});

You can also get the value of each input like this:

$('input').each(function(index, val){
    alert(index + ' has value: ' + val);
});

see details here: http://api.jquery.com/jQuery.each/

** EDIT **

If you want the value shown in an alert box on click, use the each function and the click function together. Remember to get the real-time value of the input, use $(this).val(). Return index and value data on click:

$('input').each(function(index, val){
    $(this).click(function(){
        alert(index + ' has value: ' + $(this).val());
    });
});