selectメニューで困っています。
下のようなselectメニューをクリアボタンを使って一番上の「------」まで移動させたいのです。
IEやNN4.7はきっちり動くのですが、NN6.2で上手く動きません。
NN6だけは、かたくなに「ゲームで」に戻ろうとします。
「ここ」と書いた所を
document.JTform.play_l.options[0].defaultSelected="true";
document.JTform.play_l.options[1].defaultSelected="false";
document.JTform.play_l.options[2].defaultSelected="false";
document.JTform.play_l.options[3].defaultSelected="false";
に増やしてみたのですが、変わらないみたいでした。
なにか他に良い方法はないでしょうか?
<html>
<Script Langage="JavaScript">
function init_func()
{
document.JTform.play_l.selectedIndex=0;
document.JTform.play_l.options[0].defaultSelected="true";<!--ここ-->
document.JTform.play_l.index=0;
}
</Script>
<form name="JTform">
<select name="play_l">
<option value="">--------------------</option>
<option value="1">犬と</opne>
<option value="2">ラジコンで</opne>
<option value="3" selected>ゲームで</opne>
</select>
<INPUT TYPE="submit" VALUE="さあ、遊ぼう"> <INPUT TYPE="reset" VALUE="クリア" Onclick="init_func()">
</form>
</html>
No.1ベストアンサー
- 回答日時:
恐らく、リセットボタンの本来の機能が init_func() 実行後に働き、「ゲームで」に戻ってしまうのでしょう。
init_func関数の最後に
return false;
を追加し、onClick の部分も
onClick="return init_func()"
としてみて下さい。
もしこれで直らない場合、type="reset" ではなく type="button" に変えるしかなさそうです。
また、init_func関数の方は、
document.JTform.play_l.selectedIndex=0;
だけで良いでしょう。
document.JTform.play_l.options[0].defaultSelected="true";
の defaultSelected というプロパティは 初期状態で選択されている OPTIONタグのみ true となる ReadOnly 属性なので、値の代入は無効のはずです。
(ちなみに、true は "" で囲まなくてOKです。)
同じく、
document.JTform.play_l.index=0;
これも不要です。
(indexなんて属性あったかな・・?)
問題解決いたしました。文法の間違いまで大変助かりました。
ボタンのTypeはResetのままでも、大丈夫なようです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
jspに組込んだJavaScript でjava文
-
セレクトの値を取得できない
-
CSVファイルを読みこみ、プルダ...
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
現在時刻を取得してフォームのs...
-
onFocusOutが複数回呼ばれる!
-
プルダウンとテキストの連動
-
selectメニューのselectedの位...
-
<textarea>にプルダウンを表示...
-
int select(int n, fd_set *rea...
-
HTMLコンボボックスへの項目追加
-
return trueとreturn falseの用...
-
テキストボックス入力を半角英...
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
JQuery selectが反映されない
-
セレクトの値を取得できない
-
セレクトを全て選択されていな...
-
セレクトメニューで選択された...
-
ブラウザの戻るボタンを押した...
-
javascriptでselectボックスの<...
-
リストボックスの項目の順番を...
-
現在時刻を取得してフォームのs...
-
onFocusOutが複数回呼ばれる!
-
セレクトボックスで現在選択さ...
-
【javascript・PHP】プルダウン...
-
document.form で nullまたは...
-
プルダウンで現在の年月日を取...
-
onchange等のイベントハンドラ...
おすすめ情報