document.getElementById(). Value y document.getElementById(). Checked no funciona para IE

Question

Intenté asignar un nuevo valor a la entrada oculta y a la casilla de verificación de un formulario de entrada. Está funcionando bien en Firefox pero no en IE (estoy usando IE 7). ¿Alguien sabe lo que está mal con mi código?

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

Eche un vistazo a jQuery, una biblioteca multiproveedor que hará su vida mucho más fácil.

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

Answer 2

El código que ha pegado debe trabajar ... Tiene que haber algo más que no estamos viendo aquí.

Check this out. Trabajando para mí bien en IE7. Cuando envíe, verá la variable pasada en la URL.

Answer 3

Jin Yong - IE has an issue with polluting the global scope con referencias a objetos a los elementos DOM con un "nombre" o atributo "id" situado en la carga de la página "inicial".

Por lo tanto, es posible que tenga problemas debido a su nombre de variable.

Pruebe esto y vea si funciona.

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

Existe la posibilidad (en su código original) que IE intenta establecer el valor de la entrada a una referencia a ese elemento real (ignora el error), pero le deja sin valor nuevo.

Tenga en cuenta que en el caso IE6/IE7 no importa para nombrar objetos. IE cree que "foo", "Foo" y "FOO" son todos el mismo objeto.

Answer 4

Para elementos no agrupados, el nombre y la identificación deben ser los mismos. En este caso, dio nombre como 'sp' e id como 'sp_100'. No hagas eso, hacerlo de esta manera:

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; 

Para más detalles

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