定义和用法

返回或设置被选元素的值。

语法

val([val|fn])
参数描述
val被选元素的新内容。
function(index,oldvalue)规定返回要设置的值的函数。
•index - 可选。接受选择器的 index 位置。
•oldvalue - 可选。接受选择器的当前 Value 属性。

例子 1

设置所有 p 元素的内容

# jQuery 代码:
$("p").val("Hello world!");// 已失效,请使用下面的方式
$("p").text("hello hi-docs.com");

获取指定元素的内容

# HTML代码
<input type="text" id="test" value="val()方法的用法" />
# jQuery 代码:
$("#test").val();

使用函数来设置所有匹配元素的内容。

# jQuery 代码:
$("p").val(function(n,v){ // 已失效,请用text()方法替换
    return "这个 p 元素的 index 是:" + n;
});
// 使用text()方法替代
$("p").text(function(n,v){
    return "这个 p 元素的 index 是:" + n;
})

当传入数组时 val(array),可以设置input,select的当前选中项

<html><head>
<title>val() 用法实例</title>
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
 
<select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>
 
<select id="multiple" multiple="multiple">
  <option selected="selected">Multiple</option>
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>
</select>
 
<br>
<input type="checkbox" name="checkboxname" value="check1"> check1
<input type="checkbox" name="checkboxname" value="check2"> check2
<input type="radio" name="r" value="radio1"> radio1
<input type="radio" name="r" value="radio2"> radio2
 
<script>
$( "#single" ).val( "Single2" );
$( "#multiple" ).val([ "Multiple2", "Multiple3" ]);
$( "input").val([ "check1", "check2", "radio2" ]);
</script>
</body>
</html>

问题没有解决?建议您查阅官方文档:http://api.jquery.com/val/