2011-08-10 84 views
5

là gì sai với htmla sau và mã javascriptJavascript để chuyển đổi chữ thường sang chữ hoa

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()); 
} 

Tại sao mã trên không cho tôi kết quả mong muốn?

+1

kết quả gì nó cung cấp cho bạn? – rlemon

+0

Mọi người được danh tiếng để downvote câu hỏi vô tội, tại sao bạn bè? – SMI

+0

@ SMI: Tôi không bỏ phiếu cho câu hỏi này, nhưng một người đã làm như vậy vì OP không xác định sự khác biệt giữa kết quả mong đợi và kết quả thực tế. Nói cách khác, họ không xác định được triệu chứng không mong muốn. –

Trả lời

7

Hãy thử:

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

Điều này là do getElementById trả về một tham chiếu đến phần tử HTML của bạn, không phải là "văn bản" -giá trị được chứa .

6

Bạn cần phải thay đổi nó như thế này:

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

Sự thay đổi sau đây sẽ khắc phục vấn đề của bạn:

str = document.getElementById("field1"); 

nên

str = document.getElementById("field1").value; 
Các vấn đề liên quan