document.getElementById（）。valueとdocument.getElementById（）。IEで動作していないことを確認しました

Question

入力フォームの非表示入力とチェックボックスに新しい値を割り当てようとしました。 Firefoxでは正常に動作していますが、IEでは動作しません（IE 7を使用しています）。誰かが私のコードに何が間違っているか知っていますか？

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

あなたの人生を楽にしてくれるクロスブラウザライブラリであるjQueryをご覧ください。

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

Answer 2

...私たちはここに表示されない他の何かがあるに違いありません。

Check this out。 IE7で私のために働いてください。送信すると、URLに渡された変数が表示されます。

Answer 3

金庸 - IE has an issue with polluting the global scope「名前」または「初期」ページのロード時に設定した「id」属性を持つ任意のDOM要素へのオブジェクト参照を持ちます。

したがって、変数名に問題がある可能性があります。

これを試して、動作するか確認してください。

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

IEは、その実際の要素への参照を入力の値を設定しようとする（エラーを無視します）が、新たな価値をあなたに残していること（元のコード内の）可能性があります。

IE6/IE7では、オブジェクトに名前を付けることは重要ではないことに注意してください。 IEは "foo" "Foo"と "FOO"はすべて同じオブジェクトだと考えています。

Answer 4

グループ化されていない要素の場合、名前とIDは同じである必要があります。この場合、名前は「sp」、IDは「sp_100」となりました。

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; 

ご覧くださいhttp://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/