option里面沒有設(shè)置value值啊。如何獲取value?
<!DOCTYPE html>
<html>
<head>
? ?<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ?<title></title>
? ?<style>
? ? ? ?p { text-align:center;
? ? ? ? ? ?color: red;
? ? ? ? ? ?margin:0px;
? ? ? ? ? ?padding:0px;
? ? ? ? ? ?border:1px groove #00ffff;
? ? ? ? ? ?border-width:8px;
? ? ? ? ? ?width:40%;
? ? ? ? ? ?height:20px;
? ? ? ?}
? ?</style>
? ?<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
? ?<script type="text/javascript" src="../js/jquery-2.0.0.min.js"></script>
</head>
<body>
<h3>.val()</h3>
<select id="single">
? ?<option>慕課網(wǎng)bbb</option>
? ?<option selected="selected">博客園</option>
</select>
<select id="multiple" multiple="multiple">
? ?<option selected="selected">imocc</option>
? ?<option selected="selected">慕課網(wǎng)</option>
? ?<option>博客園</option>
</select>
<input type="text" value="click a button" />
<p>nnnn</p>
? <script type="text/javascript">
? ? ? //單個select,返回第一個
? ? ? $("p").text($("#single").val());
/*
? ? ? //多個select被選擇,返回["imocc", "博客園"]
? ? ? $("p").text($("#multiple").val());
? ? ? //選擇一個表單,修改value的值
? ? ? $("input[type='text']").val('修改表單的字段')
*/
? </script>
</body>
</html>
2018-04-24
<option>慕課網(wǎng)bbb</option>在這一句代碼中,”慕課網(wǎng)bbb“就是option的value值,你原先的代碼沒有顯示出來,是因?yàn)槟惆堰@個值傳給了p標(biāo)簽,后面又給p標(biāo)簽傳入了其它內(nèi)容,被覆蓋了
2018-04-05
2018-03-09
val() 方法返回或設(shè)置被選元素的值