【JavaScript基礎】ブックマークの作り方を学んだので共有したい!ドロップダウンからURL選択

この記事は約2分で読めます。

JavaScriptで超簡易的ブックマークを作る。

ドロップダウンで飛び先のURLを指定し、Go。

ソースは次のとおり。

<!DOCTYPE html>
<html lang="ja">
<head>
<script>
 function Jump_url(){
  var number = document.formO.selectform.selectedIndex;
  var url = document.formO.selectform.options[number].value;
  window.open(url);
 }
</script>
//document.フォーム名.エレメント名.selectedIndexでoption の位置の番号を取得。上から0,1、2。
//document.フォーム名.エレメント名.options[n].value で取得したい option の value 値を取得
//window.open()で別ウインドウでURLを開く

</head>

<body>
<h1>検索エンジンを選ぶ</h1>
<form action="#" name="formO">
 <select name="selectform">
  <option value="#">選んでください</option>
  <option value="http://www.yahoo.co.jp/">Yahoo Japan</option>
  <option value="http://www.google.co.jp/">Google Japan</option>
  <option value="http://www.bing.com/">Bing</option>
 </select>

 <input type="button" value="Go to Selected Site" onclick="Jump_url()"></input>
</form>
</body>
</html>

 

タイトルとURLをコピーしました