2009-02-11 148 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