javascript - 处理提交事件 - jquery

标签 javascript jquery

我有一些 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/

相关文章:

javascript - 使用 Javascript 更新 HTML 表单中的隐藏输入

jquery - 如何在有一定延迟的情况下调用jquery函数onload?

jquery - 在进行选择更改时从 Bootstrap-Select 中删除选项

javascript - 如何使用 jquery 获取 anchor url 末尾的数字?

javascript - 用前面的结果定义一个变量,有更好的方法吗?

javascript - jQuery 异或

javascript - 如何在 Angular 2 的 PipeTransform 中使用自定义组件?

php - CodeIgniter网站+phonegap实践

javascript - 为什么我的 View 在 Backbone 中的数组长度不正确?

jquery - 分隔符在 HTML5 中不占 100%