<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????p?{
????????color:?red;
????????margin:?4px;
????}
????
????b?{
????????color:?blue;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<h3>.val()</h3>
????
????<select?id="single">
????????<option>慕課網(wǎng)</option>
????????<option>博客園</option>
????</select>
????<select?id="multiple"?multiple="multiple">
????????<option?selected="selected">imocc</option>
????????<option>慕課網(wǎng)</option>
????????<option?selected="selected">博客園</option>
????</select>
????<input?type="text"?value="click?a?button"?/>
????<p></p>
????<script?type="text/javascript">
????????//單個select,返回第一個
????????$("p").text(?$("#single").val()?)
????
????</script>
????<script?type="text/javascript">
????????//多個select被選擇,返回["imocc",?"博客園"]
????????$("p").text(?$("#multiple").val())?
????</script>
????<script?type="text/javascript">
????????//選擇一個表單,修改value的值
????????$("input[type='text']").val('修改表單的字段')?
????</script>
</body>
</html>
2016-11-01
因?yàn)槎温涫穷A(yù)先設(shè)置好的,第33行只有一個P標(biāo)簽,說明文本只有一段,只能是替換,$("p").text(?$("#single").val()?)將內(nèi)容插入到p標(biāo)簽指定的段落中??梢蕴砑佣温滹@示。
<p></p>
<p></p>
??? <script type="text/javascript">
??????? //單個select,返回第一個
??????? $("p:first").text( $("#single").val())
??? </script>
??? <script type="text/javascript">
??????? //多個select被選擇,返回["imocc", "博客園"]
??????? $("p:last").text( $("#multiple").val())
??? </script>
2017-09-08
p標(biāo)簽如果有兩組,后面才會有顯示
2016-10-29
因?yàn)?("p").text(?$("#multiple").val()) ? 把第一個內(nèi)容替換掉了