Question

I have a small form in javascript with two Input values with the same class name. I know that you can target them by giving them ids but is there a way to target them using array values?

 <td>
  <input class="inputtextb" type="text" name="adults" maxlength="3">&nbsp;Adults&nbsp;
<input class="inputtextb" type="text" name="children" maxlength="3">&nbsp;Children   above 5 years&nbsp;

Answer 1

You can use document.getElementsByClassName() for that:

var inputs = document.getElementsByClassName('inputtextb');

inputs[0] // the first input
inputs[1] // the second input

In case that doesn’t work – can i use getElementsByClassName – you could iterate over all <input> elements using document.getElementsByName() and filter out the ones you want; or use jQuery 😉