這個(gè)代碼運(yùn)行后，為什么$("p").text( $("#single").val() )結(jié)果沒(méi)有出來(lái)
<!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">
??????? //單個(gè)select，返回第一個(gè)
??????? $("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
被覆蓋了，不信你把下面兩個(gè)注釋掉，看看
2017-03-24
?$("p").text( $("#multiple").val() )?
執(zhí)行的值把
?$("p").text( $("#single").val() )
執(zhí)行的值給覆蓋了，因?yàn)閠ext()操作的對(duì)象都是JQuery對(duì)象$("p")
2017-03-24
jQuery語(yǔ)法錯(cuò)誤了，沒(méi)有定義jqury，選擇元素也沒(méi)有選擇對(duì)，下面這段代碼改過(guò)了，參考下吧，改了一個(gè)功能實(shí)現(xiàn)，其他的思路都是一樣的。
?<!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>慕課網(wǎng)</option>
? ? ? ? <option>博客園</option>
? ? </select>
<p></p>
<input type="button" value="點(diǎn)擊" />
? ? <script type="text/javascript">
? ? ? ? //單個(gè)select，返回第一個(gè)
$(function(){
$("input").click(function(){
? ?$("p").text( $("#single").val() );
});
});
? ??
? ? </script>
</body>
</html>
2017-03-24
右邊空白的區(qū)域點(diǎn)擊,就可以顯示內(nèi)容的,這里是用了onclick方法去獲取值的.