javascriptだけでドロップダウンリスト

解決済

質問者：s-holmes
質問日時：2001/05/16 11:05
回答数：1件

あるサイトに行ったら、htmlでなく（？）javascriptだけでドロップダウンリストを表示し、リンクさせていました。つまり小さなボタンを押すと、リストが広がって表示されます。これは、ちょっと面倒なテクニックでしょうか？短いスクリプトで使えるなら是非知りたい。長いものならパス・・・。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： a-kuma
回答日時：2001/05/16 11:47

例えば、参考URLにある「住宅金融公庫」のページにある

リンクのようなイメージですか？

そこのソースを見てもらえれば一発なのですが、エッセンス
だけを抽出すると、こんな感じ。

function LinkSelect(form, sel)
{
　　c = sel.selectedIndex;
　　adrs = sel.options[c].value;
　　if (adrs != "-" )
　　{
　　　　LinkWin=window.open("","_top");
　　　　LinkWin.location.href=adrs;
　　}
}

<form>
<SELECT NAME="selLink" onChange="LinkSelect(this.form, this)">
<option value="-">リンクしないタイトル（最初に表示しておく）
<option value="URL-A">タイトルA
<option value="URL-B">タイトルB
</select>
</form>

もちろん、関数名や変数名などは任意です。

参考URL：http://www.jyukou.go.jp/