getElementsByName() nie działa?

Question

Mam funkcję JavaScript, która powinna aktualizować ukryte pole wejściowe w mojej formie z liczbą, która zwiększa się za każdym razem, gdy funkcja jest wywoływana.

Udało się pierwotnie z getElementById() jednak ponieważ musiałem przeprojektować mojego formularza nie można korzystać z funkcji php przypisać indywidualny identyfikator elementu, więc wszystko, co mam jest unikalną nazwę dla tego elementu.

Zamiast tego postanowiłem użyć getElementsByName() z Javascript, aby zmodyfikować ten element.

Oto HTML tego elementu

<input type="hidden" value="" name="staff_counter"> 

To jest mój kod JavaScript:

window.onload=function() 
{ 

//function is activated by a form button 

var staffbox = document.getElementsByName('staff_counter'); 
        staffbox.value = s; 


       s++; 
} 

otrzymuję żadnych błędów na Firebug, gdy funkcja jest wywoływana i pole wejściowe nie robi wartość podana.

Pracował z getElementById(), ale dlaczego nagle nie działa z getElementsByName()?

• - Sprawdziłem, czy jest to jedyny unikalny element w dokumencie.
• -I sprawdzane za ewentualne błędy w Firebug, gdy uaktywnienie funkcji

Oto kod używam z CodeIgniter aby elementowi

// staff_counter is name and the set_value function sets the value from what is 
//posted so if the validation fails and the page is reloaded the form element does 
// not lose its value 

echo form_hidden('staff_counter', set_value('staff_counter')); 

Dzięki

Answer 1

document.getElementsByName() zwraca tablicę, więc musisz uzyskać do niego dostęp poprzez indeks: document.getElementsByName('staff_counter')[0] (w zależności od tego, ile masz).

Masz również dostęp do właściwości length, aby sprawdzić, ile elementów zostało dopasowanych.

Answer 2

Po prostu miałem podobny problem, rozwiązałem go za pomocą prostej pętli nad tablicą. Poniższy kod przełączy się i wyłączy wszystkie przyciski o nazwie "btnSubmit".

for (var i=0;i<document.getElementsByName('btnSubmit').length;i++){ 
    document.getElementsByName('btnSubmit')[i].disabled=true; 
}