document.getElementById(). Value und document.getElementById(). Checked funktioniert nicht für IE

Question

Ich habe versucht, einen neuen Wert in die ausgeblendete Eingabe und das Kontrollkästchen eines Eingabeformulars zu vergeben. Es funktioniert gut in Firefox, aber nicht in IE (ich verwende IE 7). Weiß jemand, was mit meinem Code falsch ist?

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

Werfen Sie einen Blick auf jQuery, eine Cross-Browser-Bibliothek, die Ihr Leben viel einfacher macht.

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

Answer 2

Der Code, den Sie arbeiten klebte sollte ... Es muss etwas, was wir hier nicht sehen.

Check this out. Arbeiten für mich gut auf IE7. Wenn Sie den Antrag stellen, sehen Sie die Variable, die in der URL übergeben wurde.

Answer 3

Jin Yong - IE has an issue with polluting the global scope mit dem Objekt Verweise auf alle DOM-Elemente mit einem "namen" oder "id" -Attribut auf der "initial" Seite Last eingestellt.

Daher können Probleme aufgrund Ihres Variablennamens auftreten.

Versuchen Sie dies und sehen Sie, ob es funktioniert.

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

Es gibt eine Chance (in der ursprünglichen Code) ist, dass der IE den Wert der Eingabe in einen Verweis auf das eigentliche Element zu setzen versucht (ignoriert den Fehler), sondern lässt Sie ohne neuen Wert.

Beachten Sie, dass in IE6/IE7 Fall für die Benennung von Objekten keine Rolle spielt. IE glaubt, dass "foo" "Foo" und "FOO" alle dasselbe Objekt sind.

Answer 4

Bei nicht gruppierten Elementen sollten Name und ID identisch sein. In diesem Fall haben Sie den Namen "sp" und die ID "sp_100" angegeben. Tun Sie das nicht, tun Sie es wie folgt aus:

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; 

Weitere Details

besuchen Sie bitte: http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/