document.getElementById(). Wartość i document.getElementById(). Sprawdzone nie działa dla IE

Question

Próbowałem przypisać nową wartość do ukrytego wejścia i pole wyboru formularza wejściowego. Działa dobrze w Firefoksie, ale nie w IE (używam IE 7). Czy ktoś wie, co jest nie tak z moim kodem?

HTML:

<input type="hidden" id="msg" name="msg" value="" style="display:none"/> 
<input type="checkbox" name="sp" value="100" id="sp_100"> 

Javascript:

var Msg="abc"; 
document.getElementById('msg').value = Msg; 
document.getElementById('sp_100').checked = true; 

Answer 1

Spójrz na jQuery, bibliotekę z wieloma przeglądarkami, która znacznie ułatwi Ci życie.

var msg = 'abc'; 
$('#msg').val(msg); 
$('#sp_100').attr('checked', 'checked'); 

Answer 2

Kod wklejony powinno działać ... Tam musi być coś innego, nie widać tutaj.

Check this out. Praca dla mnie dobra na IE7. Po przesłaniu zobaczysz zmienną przekazaną w adresie URL.

Answer 3

Jin Yong - IE has an issue with polluting the global scope z odniesieniami sprzeciw wobec każdego z elementów DOM „nazwa” lub atrybut „id” ustawiony na „wstępnym” strona obciążenia.

W związku z tym mogą pojawić się problemy związane z nazwą zmiennej.

Spróbuj tego i sprawdź, czy działa.

var someOtherName="abc"; 
// ^^^^^^^^^^^^^ 
document.getElementById('msg').value = someOtherName; 
document.getElementById('sp_100').checked = true; 

Jest szansa (w oryginalnym kodzie), że IE próbuje ustawić wartość na wejściu do odniesienia do tego rzeczywistego elementu (ignoruje błąd), ale pozostawia się bez nowej wartości.

Należy pamiętać, że w przypadku IE6/IE7 nie ma znaczenia dla nazwania obiektów. IE uważa, że ​​"foo" "Foo" i "FOO" to ten sam przedmiot.

Answer 4

Dla elementów, które nie są zgrupowane, nazwa i identyfikator powinny być takie same. W tym przypadku nadałeś nazwę jako "sp", a id jako "sp_100". Nie rób tego, zrób to tak:

HTML:

<input type="hidden" id="msg" name="msg" value="" style="display:none"/> 
<input type="checkbox" name="sp" value="100" id="sp"> 

Javascript:

var Msg="abc"; 
document.getElementById('msg').value = Msg; 
document.getElementById('sp').checked = true; 

Więcej szczegółów

prosimy odwiedzić: http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/