2011-08-10 36 views
5

有什麼不妥以下HTMLA和JavaScript代碼Javascript來寫轉換爲大寫

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

爲什麼上面的代碼沒有給我想要的結果?

+1

什麼結果它給你? – rlemon

+0

人們獲得聲譽downvote無辜的問題,爲什麼哥們? – SMI

+0

@SMI:我沒有投下這個問題,但是這個人可能是這樣做的,因爲OP沒有指定預期結果和實際結果之間的差異。換句話說,他們沒有確定不需要的症狀。 –

回答

7

嘗試:

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

這是因爲返回的getElementById你的HTML元素的引用,也就是不包含在「文本」值。

6

你需要把它改成這樣:

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

下面的變化應該解決您的問題:

str = document.getElementById("field1"); 

應該

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