這個代碼運行后,為什么$("p").text( $("#single").val() )結果沒有出來
<!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">
????? ?
??????? $("p").text( $("#multiple").val() )
??? </script>
??? <script type="text/javascript">
??? ?
??????? $("input[type='text']").val('修改表單的字段')
??? </script>
</body>
</html>
2017-03-26
被覆蓋了,不信你把下面兩個注釋掉,看看
2017-03-24
?$("p").text( $("#multiple").val() )?
執行的值把
?$("p").text( $("#single").val() )
執行的值給覆蓋了,因為text()操作的對象都是JQuery對象$("p")
2017-03-24
jQuery語法錯誤了,沒有定義jqury,選擇元素也沒有選擇對,下面這段代碼改過了,參考下吧,改了一個功能實現,其他的思路都是一樣的。
?<!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 type="text/javascript" src="js/jquery-2.0.0.min.js"></script> ?
</head>
<body>
? ? <h3>.val()</h3>
? ??
? ? <select id="single">
? ? ? ? <option>慕課網</option>
? ? ? ? <option>博客園</option>
? ? </select>
<p></p>
<input type="button" value="點擊" />
? ? <script type="text/javascript">
? ? ? ? //單個select,返回第一個
$(function(){
$("input").click(function(){
? ?$("p").text( $("#single").val() );
});
});
? ??
? ? </script>
</body>
</html>
2017-03-24
右邊空白的區域點擊,就可以顯示內容的,這里是用了onclick方法去獲取值的.