疑問

オプションメニュー(プルダウンメニュー)でリンクを指定する

処理

挿入-フォームと入力部品-オプションメニュー

オプションメニューを挿入した時点で属性ダイアログが開きます。

既に挿入されているオプションメニューに対しては属性変更ボタンがSELECTである事を確認し編集-属性変更

属性変更ボタン-SELECTの属性オプションメニュータブ

「項目」に表示したい文字を「値」にリンク先のパスを記述し登録をクリック

オプションメニューの属性

編集する画面をHTMLソースに切り替えて<select>要素に以下の一文を直接追記してください。

onChange='location.href=this.options[this.selectedIndex].value'

要素・属性

追加する前のソース

<form>
 <select>
 <option value="http://www.hpbmaniax.net/l7.html">このページへのリンク2</option>
 <option value="http://www.hpbmaniax.net/l7.html" selected>このページへのリンク</option>
 </select>
</form>

追加後のソース

<form>
 <select onChange='location.href=this.options[this.selectedIndex].value'>
 <option value="http://www.hpbmaniax.net/l7.html">このページへのリンク2</option>
 <option value="http://www.hpbmaniax.net/l7.html" selected>このページへのリンク</option>
 </select>
</form>

サンプル

プルダウンメニュー/オプションメニューで選択したリンクを新しいウィンドウで開く