有关jquery val()方法对表单取值与赋值的方法，jquery val()方法负责处理value相关操作，获得单个select的值和多选select的值，来看具体的例子。
在jquery中给表单取值或赋值，只要简单的$('表单id').val()即可实现取值了，如果赋值可使用$('表单id').val('内容')实现。
jquery val()方法负责处理value相关操作。
获得单个select的值和多选select的值。
html代码:
复制代码 代码示例:
<p></p><br/>
<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>
jquery 代码:
复制代码 代码示例:
$("p").append(
"<b>single:</b> " + $("#single").val() +
" <b>multiple:</b> " + $("#multiple").val().join(", ")
);
结果:
[ <p><b>single:</b>single<b>multiple:</b>multiple, multiple3</p>]
获取文本框中的值
html 代码:
<input type="text" value="some text"/>
jquery 代码:
$("input").val();
结果:
some text
以下是var()能获取/赋予表单元素值
复制代码 代码示例:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>val()方法 - www.plcxue.com</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/
javascript"></script>
<script language="javascript">
$(function(){
$("input[type=button]").click(function(){
var svalue=$(this).val();//先获取按钮的value值
$("input[type=text]").val(svalue); //赋给文本框
});
});
</script>
</head>
<body>
<p>
<input type="button" value="feed">
<input type="button" value="the">
<input type="button" value="input">
</p>
<p>
<input type="text" value="click a button">
</p>
</body>
</html>
注意：var data=$("#myid").val();
如果myid不存在,data为undefined
