こんにちは。スクリプト初心者です。
現在セレクトボックスの、インデックス値を取得し、
それによっての分岐処理をしたいと考えています。
<html><head></head>
<body>
<form>
<select name="1">
<option>選択できます。
<option>選択肢1
<option>選択肢2
</select>
</form>
</body></html>
とあり、これに、
option「選択1」なら、PG1プロシージャを呼ぶ
同様 「選択2」なら、PG2プロシージャを呼ぶ
としたい時、どのようにコーディングすれば
よいのでしょうか。
サイトで調べたものの、
JavaScriptでの
インデックス値の取得がわかりません。
宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
<HTML>
<HEAD>
<TITLE>ここにこのページのタイトルを入れる</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--JavaScript
function gourl2(){
URL=document.menu.text.options[document.menu.text.selectedIndex].value;
location=URL;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="menu">
<SELECT NAME="text" onChange="gourl2()">
<OPTION VALUE="#">メニューを選択して下さい
<OPTION VALUE="ここにジャンプ先のURLを入れる">ここに表示したいメニュー項目を入れる
<OPTION VALUE="ここにジャンプ先のURLを入れる">ここに表示したいメニュー項目を入れる
<OPTION VALUE="ここにジャンプ先のURLを入れる">ここに表示したいメニュー項目を入れる
<OPTION VALUE="#">VALUE を # にすると、ジャンプしません
</SELECT>
</FORM>
</BODY>
</HTML>
なんてのはどうでしょうか。
No.2
- 回答日時:
#1 です。
> <OPTION VALUE="ここにジャンプ先のURLを入れる">ここに表示したいメニュー項目を入れる
は、
<OPTION VALUE="ここにジャンプ先のURLを入れる">ここに表示したいメニュー項目を入れる</OPTION>
の方が良いですね。
大分前に書いたスクリプトなので、この辺り意識していませんでした。
丁寧に書いていただいて、ありがとうございます。
このコードを応用して
作成中のプログラムに組み込むのですが、
Javaとも関連しているので、
すぐに機能させるのは難しそうです。。。
ひとまず閉じて、また質問させていただくかもしれません。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
jQuery セレクトボックスで選択...
-
javascriptでselectボックスの<...
-
javascriptでプルダウンメニュ...
-
セレクトメニューで選択された...
-
DBの値を利用して、3つの連動し...
-
CSVファイルを読みこみ、プルダ...
-
プルダウン選択を変更すると、...
-
onchangeイベントを強制的に発...
-
select要素のvalueを配列で取得...
-
度胸試しのJavaScript
-
動的なセレクトボックスの生成...
-
return trueとreturn falseの用...
-
<JavaScript>tableタグを入力不...
-
メールフォーム:「必須項目」...
-
画面表示とともにtableの指定の...
-
正規表現で複数マッチ条件で悩...
-
フォームの入力チェックをする...
-
テキストボックス入力を半角英...
-
Selectボックスの一覧表示方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
JQuery selectが反映されない
-
セレクトの値を取得できない
-
セレクトを全て選択されていな...
-
セレクトメニューで選択された...
-
ブラウザの戻るボタンを押した...
-
javascriptでselectボックスの<...
-
リストボックスの項目の順番を...
-
現在時刻を取得してフォームのs...
-
onFocusOutが複数回呼ばれる!
-
セレクトボックスで現在選択さ...
-
【javascript・PHP】プルダウン...
-
document.form で nullまたは...
-
プルダウンで現在の年月日を取...
-
onchange等のイベントハンドラ...
おすすめ情報