プロが教えるわが家の防犯対策術!

ホームページで良く見かけるプルダウンメニューはどのように作るのでしょうか?

A 回答 (3件)

<form>から</form>の間に、以下のように記述すると出来ます。


<select>
<option>選択肢</option>
<option>選択肢2</option>
<option>選択肢3</option>
</select>
<select>~</select>の間には<option>~</option>を何個でも置けます。
    • good
    • 0
この回答へのお礼

ありがとうございました

お礼日時:2005/11/13 11:59

ベーシックには、<select>タグを使います。


http://www.tohoho-web.com/how2/form.htm#select
    • good
    • 0
この回答へのお礼

ありがとうございました

お礼日時:2005/11/14 16:49

はじめまして。



<body>~</body>の挿入したい場所に
下記のタグを入れればOKです。

<script type="text/javascript">
<!--
function jump(sel) {
if (sel.options[sel.selectedIndex].value) {
location.href = sel.options[sel.selectedIndex].value;
    }
   }
//-->
</script>
</head>
<body>
<form>
<select name="sl">

<option value="" > プルダウンメニュー </option>


<option style="background-color:#ここにバックカラー; color:#文字のカラー" value="リンク先(飛ぶページ)のhtml">
ページの題名</option>


<option style="background-color:#ここにバックカラー; color:#文字のカラー" value="リンク先(飛ぶページ)のhtml" >
ページの題名</option>


<option style="background-color:#ここにバックカラー; color:#文字のカラー" value="リンク先(飛ぶページ)のhtml">
ページの題名</option>

</select>
<input type="button" value="Go!" onClick="jump(this.form.sl)">
</form>

メニューを増やしたい場合は
<option style="background-color:#ここにバックカラー; color:#文字のカラー" value="リンク先(飛ぶページ)のhtml">
ページの題名</option>

上記を追加すればOKです。

この回答への補足

成功しました。ありがとうございました

補足日時:2005/11/13 12:00
    • good
    • 0
この回答へのお礼

早速の回答ありがとうございます。やって見ます。結果は後日報告させていただきます。

お礼日時:2005/11/12 22:40

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!