2009-02-11 166 views
0

我有一些JavaScript,我想重新使用jQuery來更好地學習庫,我碰到什麼似乎是一個非常基本的問題。處理提交事件 - jQuery的

HTML:

<form id="theForm"> 
What would you like to do?<br /><br /> 
<input type="text" id="doThis" /><br /><br /> 
</form> 

JS:

$(document).ready(function() { 
$("#theForm").submit(function(){ 
    var doThis = $("#doThis").value.toLowerCase();  
    alert(doThis); 
}); 
}); 

任何人可以提供一些建議,爲什麼這很簡單的互動似乎不工作,因爲它應注意什麼?

在此先感謝。

回答

3

您需要使用val() jQuery中

$("#doThis").val().toLowerCase(); 

來獲取值的DOM對象是沒有過的$()容易獲得,它是存儲在[0]由jQuery的,所以如果你想訪問的價值傳統的方式,你會怎麼做:

$("#doThis")[0].value.toLowerCase(); 

另外,我不認爲會的形式提交你的,因爲alert()的情況下向右走,但你應該return false;如果您不打算提交,請停止提交。

-1
$("#theForm").submit(function(){ 
     var doThis = $("#doThis").value.toLowerCase();   
     alert(doThis); 
return false 
}); 

+0

-1值不是對象的屬性 – 2009-02-11 16:08:04

+0

是的,我的壞。我誤解了問題:D – 2009-02-11 16:25:57