jquery使用val()方法获取不到表单的值

 jQuery/js   高蒙   阅读(6753)   评论(2)   2016-09-06 09:19:53    jquery 


在开发中遇到一个很以外的问题,就是使用jquery方法val()无法获取到表单的值。这个不经意的错误,让我有点措不及防。

那么,到底是是怎么回事呢?下面具体的如下:

1、html代码。

<input type="text" value="" id="name" >
<input type="text" value="" id="title" >
<input type="submit" value="提交" id="sub">

2、jquery代码。

var name  = $('#name').val();
var title = $('#title').val(); 
$('#sub').click({
    console.log(name);
});

3、分析。

当我执行上面的代码的时候,会发现console.log()获取的值,总是空值。无论我在表单里面输入什么值,得到的结果都是一样的。为空。

可能聪明的朋友已经看出来代码的问题了,没看出来的我这里也说下,其实就是一个很简单的错误,主要还是自己不够细心导致的。那么看,正确的该如何写。

jquery代码:

$('#sub').click({
    var name  = $('#name').val();
    var title = $('#title').val(); 
    console.log(name);
});

看出区别了吧。为什么总是获取不到我们输入的值呢,因为我们将值在点击事件的外部获取了,并没有在执行点击事件的时候,再次的获取新的输入框的值才可。

4、总结。

在写jquery的时候,切记要小心点,因为这样的错误,你是看不到报错的。吃一堑长一智。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客