<!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>慕課網</option>
????????<option>博客園</option>
????</select>
????<select?id="multiple"?multiple="multiple">
????????<option?selected="selected">imocc</option>
????????<option>慕課網</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
因為段落是預先設置好的，第33行只有一個P標簽，說明文本只有一段，只能是替換，$("p").text(?$("#single").val()?)將內容插入到p標簽指定的段落中?？梢蕴砑佣温滹@示。
<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標簽如果有兩組，后面才會有顯示
2016-10-29
因為$("p").text(?$("#multiple").val()) ? 把第一個內容替換掉了