示例代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="bootstrap.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
</head>
<body>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">這是一個按鈕<span class="caret"></span></button>
<ul class="dropdown-menu" id="mylist">
<li><a href="#" data-id="1" name="baidu">百度一下</a></li>
<li><a href="#" data-id="2" name="google">谷歌</a></li>
<li><a href="#" data-id="3" name="taobao">淘寶</a></li>
</ul>
</div>
<input type="text" id="test">
<script type="text/javascript">
// 獲取選中的值
$("#mylist li").on('click',function(){
//$("#test").val($(this).text());
//獲取dom元素，點擊哪個顯示哪個
console.log($(this).children("a").get(0));
// 如下方式獲取不到元素name屬性
//console.log($(this).children("a").get(0).attr("name"));
// 如下方式可以獲取name屬性
console.log($(this).children(":first").attr("name"));
//$("#test").val($(this).children);
});
</script>
</body>
</html>
注意獲取元素和獲取jquery對象的區別。
