WEB制作のメモ帳

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>