如何創建一個像在亞馬遜上顯示的下拉菜單？

Question

我是一個新的web開發。我正在嘗試創建一個下拉菜單。這是類似的：

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

但這不完全是我想要的。我想創建一個非常類似於Amazon.com上的下拉列表（「搜索」旁邊的下拉列表），如下圖所示。所以每當用戶點擊按鈕時，列表就會以文本形式顯示在按鈕中。

Answer 1

要開始，請查看http://www.codecademy.com，其簡要介紹HTML,CSS,JavaScript，和（更多在這裏您的意思）jQuery。在粗略瞭解jQuery和CSS之後，您可以通過很少的努力來創建此效果。

http://jquery.com/

Answer 2

如果你只需要顯示的下拉菜單時按鈕用戶點擊那麼最好是做到在jquery.Please做到像波紋管

<script type="text/javascript" > 
$("#downarrow").click(function(){ 
$("#dropdown").show(); 
}) 
</script> 

<div id="downarrow"></div> 
<div id="dropdown" style="display:none;"> 
<select> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="opel">Opel</option> 
<option value="audi">Audi</option> 
</select> 
</div>