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

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