jquery之处理表单元素值(使用val()方法)
----------
存取表单元素值,jquery的val()命令考虑了大多数的常见情况,返回包装集里第一个表单元素的value特性。
val()语法1:
val()
返回匹配集里第一个元素的value特性。如果是多选元素,则返回所有选中项的数组。
返回
已获取的值或值数组
这个命令虽然很有用,但必须注意几个限制之处。如果包装集里第一个元素不是表单元素,就会抛出javascript错误。这个命令也不区分复选框和单选按钮的选中或非选中状态,而是返回复选框或单选按钮的value特性值,不管其选中与否。
===
另一个我们将会执行的常见操作是设置表单元素的值。给val()命令传递值也就是用于这个目的。
val()语法2:
val(value)
把传入的值设置为所有已匹配表单元素的值
参数
value 一个字符串,用于设置包装集里各表单元素的value属性值
返回
包装集
就像用于读操作的val()的重载变体那样,这个函数也有局限性。例如,不能把多个值设置到多选列表。
===
val()方法的另一个用途是使复选框或单选按钮变为选 中状态,或选择<select>元素内的选项。这个val()重载变体的语法。
val()语法3:
val(values)
导致包装集里任何复选框、单选按钮或<select>元素的选项变为已选择(selected)状态,只要它们的值和已传递值数组的任何一个值相匹配
参数
values 一个值数组,用于确定哪些元素将被选中或选择。
返回
包装集
考虑如下语句:
$('input,select').val(['one','two','three']);
这个语句将搜索页面上所有<input>和<select>元素,只要它们的值和输入字符串one,two或three中的任何一个相匹配。搜索到的任何匹配复选框或单选按钮将变为已选中状态,而任何匹配的select将变为已选择状态。