-1
私はこの比較的単純なドロップダウンメニューを持っていて、それを取得しません。 最後のメニューがすべて最後のメニューの下に表示されるのはなぜですか？ それをクリックすると、最初に名前が表示され、すぐに「未定義」という別のアラートが表示されます。 ここにドロップダウンがあり、ホバー上にサブメニューが表示されます。ドロップダウンメニューの基礎
<!DOCTYPE html>
<html>
<head>
<style>
.dropbtn {background-color: #4CAF50; color: white; cursor: pointer;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none; position: absolute;}
.dropdown-content a { display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn { background-color: #3e8e41;}
</style>
</head>
<body>
<div class="dropdown">
<input type="button" id="dropbtnID" value="Select" class="dropbtn">
<div class="dropdown-content">
<input type="text" value="a" id="a" class="dropdown-content">
<input type="text" value="b" id="a" class="dropdown-content">
<p id="c" name="c" class="dropdown-content">cc</p>
<p id="d" name="d" class="dropdown-content">dd</p>
</div></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".dropdown-content").click(function(){
var name = $(this).attr("name");
alert(name);
});
});
</script>
</body>
</html>
申し訳ありませんが、それはちょうどすべて間違っています... CSSとHTMLは正しくない、クラスはひどく使用されています（そして相対的なCSS） – Yuri
ここではブートストラップを使用していますか？コードには実際のHTMLドロップダウンはありません。 –
ドロップダウンについての簡単なアイデアを確認してください。 – Yuri