我有一些 javascript,我正在尝试使用 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);
});
});
任何人都可以提供一些建议来解释为什么这种非常简单的交互似乎无法发挥应有的作用吗?
提前致谢。
最佳答案
您需要使用val()
获取 jQuery 中的值
$("#doThis").val().toLowerCase();
DOM 对象不容易通过 $()
访问,它由 jQuery 存储在 [0]
中,因此如果您想访问传统的值方式,你会这样做:
$("#doThis")[0].value.toLowerCase();
此外,由于 alert()
,我认为在您的情况下表单不会立即提交,但您应该 return false;
来停止提交如果您不打算提交。
关于javascript - 处理提交事件 - jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/537475/