- ベストアンサー
selectメニューの初期選択値
selectメニューでURLを移動させるページで、移動後、またselectメニューのページに「戻る」と、移動前に選択したメニューが表示されますが、初期選択値に戻して表示させる方法を教えてください。「クリア」ボタンをつけて見ましたが、他のformタグのselectメニューと関連させているので、一度メニューを選択して、実際に移動させる前に「クリア」ボタンを押すと、関連させている他のselectメニューはクリアにならないので、「クリア」ボタンを使わずに、ページを戻すときに「クリア」になっているようにしたいのですが...宜しくお願いします。
- cheb
- お礼率74% (20/27)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんにちはchebさん、xruzです。 こんな感じでしょうか？ <html> <head> <title></title> </head> <script language="JavaScript"> <!-- function reSel(fso) { for(var i=0;i<fso.length;i++) if(fso[i].defaultSelected) fso[i].selected=true; } /--> </script> <body> <form method="post" name="f"> <select name="s1" size="1"> <option value="a1">a1 <option value="b1">b1 <option value="c1" selected>c1 <option value="d1">d1 </select> <input type="button" value="<-reset" onClick="reSel(document.f.s1.options);"><br> <select name="s2" size="1"> <option value="a2">a2 <option value="b2" selected>b2 <option value="c2">c2 <option value="d2">d2 </select> <input type="button" value="<-reset" onClick="reSel(document.f.s2.options);"><br> </form> </body> </html> がんばってくださいね(~:~i
その他の回答 (2)
- negitoro
- ベストアンサー率30% (6/20)
chebさん これでどうでしょうか？ <html> <head> <title>選択</title> </head> <script language="JavaScript"> function aa(){ document.form_name.select_name.value = "b2"; } //--> </script> <body onload="aa()"> <form name="form_name"> <select name=select_name > <option value="a2">a2 <option value="b2" selected>b2 <option value="c2">c2 <option value="d2">d2 </select> </form> </body> </html>
お礼
今回作成していたのは、検索するキーワードをCGIに渡すために選択するセレクトメニューでしたので、複数のセレクトメニューが同じ名前の設定になっており、教えていただいた方法ではうまく行きませんでした。でも、同じ名前でなければバッチリうまく行きましたので、今後活用させていただきます。ありがとうございました。
- negitoro
- ベストアンサー率30% (6/20)
onload を使ってページが読み込まれた瞬間に chebさん が作った「クリア」ボタンの処理を 関連付けあげれば、初期選択値に戻すことができるのでは？ <BODY Onload="javascriptのfunction名">
補足
お返事ありがとうございます。 私が作った「クリア」ボタンは <input type="reset" value="クリア" name="reset"> というフォームタグです... これと同じ機能を「function」で設定する方法を教えてください。 宜しくお願い致します。
関連するQ&A
- selectボックスのプルダウンメニューを上方向へ表示する方法
すみません、どなたか教えて下さい。 selectボックスのプルダウンメニューを上方向へ表示することは可能でしょうか？ ハンディーターミナル用に開発しているのですが、ページ下の方にあるプルダウンを選択すると１度ページ移動？するため、プルダウンのメニューが表示されず、２度選択しないといけません。 JavaScriptで対応可能でしょうか？それとも何か別の対策があれば教えて下さい、よろしくお願いします。
- ベストアンサー
- JavaScript
- 2つのselectメニューの連携
現在mobile用の会員登録フォームを作成しています。 初めてのmobile用のフォームの作成で 利用店舗登録の部分でjavascriptが使えなく困っています・・・。 店舗数が多いので地域を選択後、利用店舗を選択するのを考えているのですが 1つ目のselectメニューで地域を選択 2つ目のselecｔメニューで1つ目のselectメニューで選択した地域の店舗リストを表示させる。 上記の様な事は、CGIで可能でしょうか？ お手数ですが、ご教授いただければ幸いです。
- 締切済み
- CGI
- selectメニューのselectedの位置をJavaScriptで移動させたい。
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>
- ベストアンサー
- JavaScript
- SELECTボックスに初期値を・・
WEBからACCESSのデータを更新するページを作っています。 例えば、先生ごとに担当の科目が管理されていて、条件画面で「Ａ先生」を選ぶと更新画面にはＡ先生が担当している科目がTEXTボックスに表示され、手入力で変更ということは出来たのですが、（下記） 科目をSELECTボックスで選択したいのです。ちなみにSELECTボックスの値は、「T_科目」というテーブルから持ってきます。SELECTボックスにすると条件入力画面で選択した条件で抽出されず、T_科目の１レコード目が表示されてしまします。どなたか良いアドバイスをお願いします。 ちなみにACCESS97,JAVASCRIPTです。 《更新画面》 ・ ・ <% var Recordset1__MMColParam = "1"; if(String(Request.Form("sensei")) != "undefined") { Recordset1__MMColParam = String(Request.Form("sensei")); } %> <% var Recordset1 = Server.CreateObject("ADODB.Recordset"); Recordset1.ActiveConnection = MM_○○_STRING; Recordset1.Source = "SELECT * FROM T_□□ WHERE 先生 = "+ Recordset1__MMColParam.replace(/'/g, "''") + ""; Recordset1.CursorType = 0; Recordset1.CursorLocation = 2; Recordset1.LockType = 3; Recordset1.Open(); var Recordset1_numRows = 0; %> <html> <head> </head> <body> <form method="POST" action="<%=MM_editAction%>" name="form1"> <input type="text" name="担当科目" value="<%=(Recordset1.Fields.Item("科目").Value)%>"> <input type="hidden" name="MM_recordId" value="<%= Recordset1.Fields.Item("先生").Value %>"> <input type="hidden" name="MM_update" value="true"> </form> </body> </html> <% Recordset.Close(); %>
- 締切済み
- JavaScript
- javascriptでプルダウンメニューの操作
javascriptで、select/optionタグからなるプルダウンメニューから、マウスが外れたらプルダウンメニューが閉じるという動きを実装したいです。 select/optionからマウスアウトした際に、別のフォームにフォーカスを合わせる（これで無理やりプルダウンを閉じた状態にする）処理を書いているのですが、 これだと、optionから次のoptionタグにマウスが移動したときもマウスアウトと判定されてしまい、プルダウンの中身を選択する前にメニューが閉じてしまいます。 このあたりの問題をうまく解消できる描き方などありましたら教えて下さい。
- 締切済み
- JavaScript
- selectタグの項目を制御する
フォーム内のプルダウンの項目を制御する方法がわからなくて困っています。 form1というフォーム内にプルダウンが3つあります。 <select name="select_1"> <option value="AAA">AAA</option> <option value="BBB">BBB</option> <option value="CCC">CCC</option> </select><br/> <select name="select_2"> <option value="AAA_1">AAA_1</option> <option value="AAA_2">AAA_2</option> <option value="BBB_1">BBB_1</option> <option value="CCC_1">CCC_1</option> </select><br/> <select name="select_3"> <option value="AC">AC</option> <option value="AB">AB</option> <option value="B_1">B_1</option> <option value="B_2">B_2</option> <option value="B_3">B_3</option> </select><br/> ●まず、select_1がAAAなら、select_2でAAA_1とAAA_2のみ選択できるようし、select_2で、AAA_1が選択されたらselect_3にACをAAA_2が選択されたらABを表示。 ●select_1でBBBが選択されたら、select_2にBBB_1のみを表示し、変更不可にする。そして、select_3にABC,B_1,B_2,B_3を表示。 ●select_3でCCCが選択されたら、select_2にCCC_1のみを表示して変更不可にし、select_3にACのみを表示して変更不可にする。 こんな感じにしたいのですが、どうもうまく出来ません。 考えたのは、各selectタグにonchange=change_1(form1)として、関数を呼び出し、 no= form1.select_1.selectedIndex; noが0なら thisForm.select_2.length = 2; //オブジェクトを2にする thisForm.select_2.options[0].value = "AAA_1"; の様にしたのですが、はじめに表示したoptionを消したりする方法や変更不可にする方法ってあるんでしょうか？また、ほかの方法など、どなたかわかる方がいましたら、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ＨＴＭＬのSELECTタグの選択肢表示方向
もしお分かりの方おられましたらご教示いただけましたら助かります。 HTMLのSELECTタグですが、 ▼を押すと選択肢が出てきます。 この表示される方向が上のときと下のときがあるのですが、 どちらに表示されたかをJavascriptで取得したいと思っています。 そのようなことはできるのでしょうか。。 やりたいことは、SELECTをクリックされたときに、 選択肢が上に出るときは、選択肢のリストの内容を逆順にしたいと思っています。 よろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューがＩＥだとエラー
買い物かごをプルダウンメニューで作ったのですが、firefoxではちゃんと次のページ（かごに入れて、かごの中身を表示）に行くのに、IEだと、ちゃんとかごに入りません（ショッピングカートに入れられない、とエラーが出る）何故でしょうか？ このタグを打っているのですが（タグ紹介のページでコピった）、間違っていますか？ <script language="javascript"> <!-- function goToUrl(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url;} } //--> </script> <form method="post"> <select onChange="goToUrl(this)"> <option value="">▽選択してください <option value="http://～">○○ <option value="http://～" >××</select> </form>
- ベストアンサー
- HTML
- ドコモのSELECTタグ
ドコモのXHTMLのサイトを作っていますが、 １ページ内のSELECTタグの上限はありますでしょうか？ SA700iでは１５個しか表示されませんでした。 また、これは端末毎に違ってくるのでしょうか？ --------------------------------------------- <form> <select name=test1><option value=1></select> <select name=test2><option value=1></select> <select name=test3><option value=1></select> ・ ・ ・ <select name=testn><option value=1></select> </form> --------------------------------------------- 宜しくお願いします。
- ベストアンサー
- HTML
- ジャンプメニューの表示を初期値に戻したい
左フレーム（frame name="menu"）にジャンプメニューを５個つけて、右フレーム（frame name="main"）にジャンプ先が表示されるページで、 ジャンプしてもフレームセットは解除せずに target="main"で表示させます。 ジャンプ後にジャンプメニューの表示を初期値（<option selected>の部分）に戻したいのですがどう記述すればいいですか？ 現在のスクリプトは以下の通りです。以下のものに付け足す形で記述したいです。 ●スクリプト部分 function go (_url) { if (_url == "--") { return; } else { form1.target="main"; form1.action = _url; form1.submit(); } } <select onChange="go(this.options[this.selectedIndex].value)"> ●フォーム部分 <select onChange="go(this.options[this.selectedIndex].value)" name="select1"> <option value="--" selected>Select Menu</option> <option value="sample1.htm">サンプル１</option> <option value="sample2.htm">サンプル２</option> </select> 以上です。
- ベストアンサー
- JavaScript
お礼
お返事が遅くなってすみませんでした。教えていただいた方法で、解決しました！！ありがとうございました。