お世話になります。
プルダウンメニューのvalue値を取得するのに以下のjavascriptとhtmlを作成しました。
3つのカテゴリプルダウンメニューのそれぞれのvalue値をflg_fileへ格納して、その値に対応したHTMLへジャンプという物なのですが、実際に動作させると、main_select02や03でvalue値を4、5と指定しているにもかかわらず、実際に動作させるとジャンプする先はlist_NO"1".htmlとなってしまっています。
これはvalue値がちゃんと取得できていないのか、それともプルダウンメニューは値を設定しても、上から自動的に1、2・・・となるのが仕様なのか、元々の作りがおかしいのか頭を悩ませています。
何がおかしいのか、ご教授頂けますようお願いします。
■javascriptソース
function flg_set(n) {
switch(n){
case 1:
flg_file = document.selectForm.main_select01.selectedIndex;
break;
case 2:
flg_file = document.selectForm.main_select02.selectedIndex;
break;
case 3:
flg_file = document.selectForm.main_select03.selectedIndex;
break;
}
}
function select_list() {
parent.select.location.href = "list_NO"+[flg_file]+".html";
}
■HTMLソース
<FORM NAME="selectForm">
<td width="10"> </td>
<td width="120"><select name="main_select01" onChange="flg_set(1)" onFocus="this.blur()" style="font-size:12px; width:120px;">
<option value="0">▲カテゴリ(1)</option>
<option value="1">┗ ページ(1)</option>
<option value="2">┗ ページ(2)</option>
<option value="3">┗ ページ(3)</option>
</select></td>
<td width="10"> </td>
<td width="120"><select name="main_select02" onChange="flg_set(2)" onFocus="this.blur()" style="font-size:12px;width:120px;">
<option value="0">▲カテゴリ(2)</option>
<option value="4">┗ ページ(4)</option>
<option value="5">┗ ページ(5)</option>
</select>
</td>
<td width="10"> </td>
<td width="120"><select name="main_select03" onChange="flg_set(3)" onFocus="this.blur()" style="font-size:12px;width:120px;">
<option value="0">▲カテゴリ(3)</option>
<option value="6" selected>┗ ページ(6)</option>
</select>
</td>
<td width="10"> </td>
<td width="100%"><input type="button" value="ページジャンプ" onClick="select_list();">
</td>
</form>
No.1ベストアンサー
- 回答日時:
こんばんは。
>これはvalue値がちゃんと取得できていないのか、それともプルダウン
>ニューは値を設定しても、上から自動的に1、2・・・となるのが
>仕様なのか、元々の作りがおかしいのか頭を悩ませています。
私自身初心者なのでプログラムの作りがおかしいかどうかは判断しかねますが、(ごめんなさい(_ _)
value値を取得したいのならば、
flg_file = document.selectForm.main_select01.value;
でいいのではないでしょうか?
valueとselectedIndexは異なるプロパティです。
IndexNoは0から始まりますのでmain_select01では、たまたま、
main_select01のIndexNoとvalue値が一致していたということですね。
参考URL:http://www.scollabo.com/banban/java/ref_12.html# …
アドバイス頂いたように直しましたら上手く行きました!
なるほど・・・valueとselectedIndexは異なる物だったのですね!!
なんでだなんでだーと悩んでいましたが、根本的なところを理解していなかったようでお恥ずかしい限りです。
遅い時間に有難う御座いました!!
No.3
- 回答日時:
もうちょっというとこういう形になります。
フォームオブジェクト名はformタグに指定されたnameの値、セレクトオブジェクト名はselectタグに指定されたnameの値。
document.フォームオブジェクト名.セレクトオブジェクト名.options[document.フォームオブジェクト名.セレクトオブジェクト名.selectedIndex].value
丁寧に二度も解説して頂いて真に有難う御座います!
やはりselectIndex部分だったのですね。
組み合わせると色々と出来そうで、とても参考になりました!
遅い時間に有難う御座いました!!
No.2
- 回答日時:
document.selectForm.main_select01.options[document.selectForm.main_select01.selectedIndex].valueになるはずです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
selectのすべての値を送信する方法
-
検索窓とプルダウンメニュー機...
-
ラジオボタンとプルダウンを連...
-
セレクトボックスで配列を呼び...
-
selectボックスで選択数を制限...
-
プルダウンの値によって活性・...
-
プルダウンのoptionの表示・非...
-
プルダウンの値をphpファイルへ...
-
3つの連動したプルダウンメニュ...
-
複数プルダウンで検索
-
<input>の選択肢をプルダウンメ...
-
JavaScriptで<select>の<option...
-
複数のプルダウンを1つにまとめ...
-
セレクトボックスの値を取得し...
-
2段階プルダウンで1段階目の選...
-
Selectボックスの一覧表示方法
-
scriptの日付計算について
-
disableとすることなく、ユーザ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報