jQuery操作DOM之获取表单控件的值
更新时间：2015年01月23日 10:49:47 投稿：shichen2014
这篇文章主要介绍了jQuery操作DOM之获取表单控件的值,实例分析了jQuery获取表单控件值的方法,需要的朋友可以参考下
本文实例讲述了jQuery操作DOM之获取表单控件的值。分享给大家供大家参考。具体分析如下：
HTML属性与DOM属性差别最大的地方，恐怕就要数表单控件的值了。比如，文本输人框的 value属性在DOM中的属性叫defaultValue，DOM中就没有value属性。而选项列表（select) 元素呢，其选项的值在DOM中通常是通过selectedIndex属性，或者通过其选项元素的 selected属性来取得。
由于存在这些差异，在取得和设置表单控件的值时，最好不要使用.attr()方法。而对于选项列表呢，最好连.prop()方法也不要使用。那使用什么呢，建议使用jQuery提供的.val()方法：
复制代码 代码如下:
//取得文本输入框的当前值
var inputValue = $('#my-input').val();
//取得选项列表的当前值
var selectValue = $('#my-select').val();
八设置单选列表的值
$('#my-single-select').val('value3');
/^设置多选列表的值
$('#my-multi-select').val(['value1', 'value2']);
var inputValue = $('#my-input').val();
//取得选项列表的当前值
var selectValue = $('#my-select').val();
八设置单选列表的值
$('#my-single-select').val('value3');
/^设置多选列表的值
$('#my-multi-select').val(['value1', 'value2']);
与.attr()和.prop()—样，.val()方法也可以接受一个函数作为其setter参数。有了这个 多用途的.val()方法，使用jQuery做Web开发你又会倍感高效。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
详细介绍jQuery.outerWidth() 函数具体用法
这篇文章通过jQuery示例代码演示outerWidth()函数的具体用法，介绍的非常详细，有需要的朋友可以借鉴2015-07-07
jquery.form.js框架实现文件上传功能案例解析（springmvc）
这篇文章主要为大家详细介绍了jquery.form.js/springmvc文件上传功能的实现步骤，使用的技术有jquery.form.js框架，以及springmvc框架，具有实用价值，感兴趣的小伙伴们可以参考一下2016-05-05
jQuery的Ajax的自动完成功能 允许您轻松地创建自动完成/自动提示框的文本输入字段;如果没有特定查询的结果，它停止发送请求到服务器的其他查询感兴趣的朋友可以参考下啊2013-02-02
GitHub上人们分享的遮罩层插件也是玲琅满目,不过自己动手做一个的话肯定更复合自己的需求,这里就带大家来看使用jQuery制作Web页面遮罩层插件的实例教程,需要的朋友可以参考下2016-05-05
下面小编就为大家分享一篇jQuery实现标签子元素的添加和赋值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章分别介绍了Jquery框架easyui判断输入密码两次是否相等，以及使用jQuery.validate验证表单中两次密码是否一致的问题，需要的朋友可以参考下2015-12-12
jQuery遍历之next()、nextAll()方法使用实例
这篇文章主要介绍了jQuery遍历之next()、nextAll()方法使用实例,本文先是给出了实例代码,然后对代码的作用分析和说明,需要的朋友可以参考下2014-11-11
jQuery1.9.1源码分析系列（十六）ajax之ajax框架
这篇文章主要介绍了jQuery1.9.1源码分析系列（十六）ajax之ajax框架 的相关资料,需要的朋友可以参考下2015-12-12
jquery form input 选择，获取 id为 instanceInfo form 下的 隐藏的input,需要的朋友可以参考下2014-04-04
如果在iframe中使用则弹不出对话框，而有时候我们还必须得使用iframe而不能用jQuery的load方式，下面有个不错的处理方法，希望对大家有所帮助2014-01-01
最新评论