Say I have something like this:

<form name="form1" method="POST" action="action.php">
<input type="text" name="golf_tees[]" id="golf_tees[]">
 <input type="text" name="golf_tees[]" id="golf_tees[]">
<input type="text" name="golf_tees[]" id="golf_tees[]">
<input type="text" name="golf_tees[]" id="golf_tees[]">
</form>

If I want to disable the first 2 golf_tees text inputs, how do I go about that? document.getElementById only alters the first input.

IDs have to be unique in the document.

Originally Posted by chrishirst

IDs have to be unique in the document.

If I use document.forms['form1'].elements[], is there any way of doing that?

loop through the elements collection and set the disabled attribute

A basic javascript code would be

var ele = document.forms['form1'].elements;
    for(i = 0;i<ele.length;i++)
    {
        if(ele[i].type == 'text')
        {
            ele[i].disabled = true;
            if(i > 0) break;
        }
    }