-1

私は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のドロップダウンリスト（「検索」の横にあるドロップダウンリスト）と非常によく似たドロップダウンリストを作成したいと思います。そのため、ユーザーがボタンをクリックするたびに、リストがボタンにテキストとして表示されます。

4

2 に答える 2

1

まず、 http://www.codecademy.com で、、、および (ここで要点を説明します) jQuery の簡単な紹介を確認してください。とを大まかに理解すれば、この効果を簡単に作成できます。HTMLCSSJavaScriptjQueryCSS

http://jquery.com/

于 2012-12-14T05:06:09.550 に答える
0

ユーザーがボタンをクリックしたときにドロップダウンを表示するだけでよい場合は、jqueryで表示することをお勧めします。次のようにしてください。

<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>
于 2012-12-14T05:53:16.823 に答える