-PR-
解決済み

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

  • 暇なときにでも
  • 質問No.76698
  • 閲覧数725
  • ありがとう数0
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 47% (767/1609)

あるサイトに行ったら、htmlでなく(?)javascriptだけでドロップダウンリストを表示し、リンクさせていました。つまり小さなボタンを押すと、リストが広がって表示されます。これは、ちょっと面倒なテクニックでしょうか?短いスクリプトで使えるなら是非知りたい。長いものならパス・・・。
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル14

ベストアンサー率 50% (1122/2211)

例えば、参考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>

もちろん、関数名や変数名などは任意です。
-PR-
-PR-
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


専門家があなたの悩みに回答!

-PR-

ピックアップ

-PR-
ページ先頭へ