2011-08-10 18 views
5

lo que está mal con la siguiente HTMLA y código javascriptJavascript para convertir en minúsculas a mayúsculas

formToConvert.html

<html> 
    <head> 
     <title>ExampleToConvert</title> 
     <script type = "text/javascript" src = "con.js"></script> 
    </head> 
    <body> 
     <form id ="myform"> 
      <input type = "text" id = "field1" value = "Enter text Here"/><br/> 
      <input type ="submit" value = "submit" onclick = "convert()"/> 
     </form> 
    </body> 
</html> 

con.js

function convert() 
{ 
    var str ; 
    str = document.getElementById("field1"); 
    document.writeln(str.toUpperCase()); 
} 

¿Por qué es el código anterior no me da el resultado deseado?

+1

¿Qué resultado le puede dar? – rlemon

+0

La gente obtiene reputación para rechazar la pregunta inocente, ¿por qué amigos? – SMI

+0

@SMI: No voté esta pregunta por favor, pero la única persona que lo hizo probablemente lo hizo porque el OP no especificó la diferencia entre el resultado esperado y el resultado real. En otras palabras, no identificaron el (los) síntoma (s) no deseado (s). –

Respuesta

7

Probar:

str = document.getElementById("field1").value; 

Esto se debe a getElemenById devuelve una referencia a su elemento HTML, no el valor P "texto" que se encuentra .

6

necesita cambiar a esto:

var str = document.getElementById("field1").value; 
document.writeIn(str.toUpperCase()); 
1

El siguiente cambio se debe solucionar el problema:

str = document.getElementById("field1"); 

debería ser

str = document.getElementById("field1").value; 
Cuestiones relacionadas