WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> javascript -> 「javascript」でプルダウンから直接移動

「javascript」でプルダウンから直接移動

2011-05-16

javascript

セレクトボックスを使用して検索をする場合通常は「PHP」で処理するのですが
選択項目が単数の場合は選択しただけで移動する方法が便利な場合も「javascript」による方法を見つけたのでメモ

無料ホームページ素材

SOURCE
■javascript

function moveUrl(selection){
var url=selection[selection.selectedIndex].value;
if(url!=""){
location.href=url;
}
}

■HTML

<select onChange="moveUrl(this)">
<option value="">選択してください</option>
<option value="URL1">リンクテキスト1</option>
<option value="URL2">リンクテキスト2</option>
<option value="URL3">リンクテキスト3</option>
<option value="URL4">リンクテキスト4</option>
</select>

WEB制作の定番書