您的位置:首页 > Web前端 > JQuery

jQuery 获取表单元素中值的方法

2015-10-10 15:00 651 查看
jQuery获取表单的值,根据表单元素中的属性和表单的表单元素分类获取表单元素的值,以输入标签为例,<input type='text' name="jing" title="jing" enabled="enabled" value="jing" >

1、根据属性选择input框值(根据一般的属性获取,name、title等)

jQuery("input[title='jing']").val();

表单中一般为input框,可以根据以上方法获取,但有例外,下拉框,多行文本框和button按钮,因为其为<select>,而非<input>,同input,下拉框值获取:

jQuery("select[title='jing']").val();或者

jQuery(".selectList").val();(selectList为下拉框对应的class)以及jQuery("textarea[title='jing']").val()等

属性过滤选择器:

[attribute] 选择拥有此属性的元素 $("div[id]") 选择拥有属性id的div元素

[attribute=value] 选择属性的值为value的元素 $("div[id='jing']") 选择拥有属性id='jing'的div元素

2、表单对象属性过滤选择器(根据:enable 、:disable、:checked、:selected获取)

选中input框,一般使/1方法即可,但是当涉及是否被选中、是否可用属性时,1方法失效,用表单对象属性过滤选择器。

:enable

:disable

:checked

:selected

$("select :selected").val();可以获取

$("select[selected='selected']").val();错误方法

3、表单选择器(根据type属性获取)

* : input 选取所有的<input>、<textarea>、<select>和<button>元素

注意:$(":input").length.和$("input").length,有很大的区别

前者是包括所有的长度;后者只是以input开头的长度个数,没有<textarea>、<select>和<button>的个数,即

$(":input").length.等同于$("input").length、$("textarea").length、$("select").length和$("button").length之和。

* 表单选择器input中的type而言,不是其属性

:text

:password

:radio

:checkbox

:submit

:button

:file

:hidden

:image

:reset
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: