html - リンク付き HTML コンボボックス

Question

コンボボックスを作る必要があります。すべてのオプションにはリンクがあり、オプションが変更されると、ドキュメントの場所がそのリンクに移動します。

大きな JavaScript 関数やフォームは使いたくありません。

これを行うためのエレガントな方法は何ですか?

Answer 1

あなたはこれを試すことができます

    <select onchange="window.open(this.options[this.selectedIndex].value)">
        <option value="">Go to page...</option>
        <option value="http://stackoverflow.com/">stackoverflow</option>
        <option value="http://facebook.com/">facebook</option>
        <option value="http://twitter.com/">twitter</option>
    </select>

または、新しいタブ/ウィンドウを開きたくない場合は、これを試すことができます

    <select onchange="window.location=this.options[this.selectedIndex].value">
        <option value="">Go to page...</option>
        <option value="http://stackoverflow.com/">stackoverflow</option>
        <option value="http://facebook.com/">facebook</option>
        <option value="http://twitter.com/">twitter</option>
    </select>