![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
javascriptを使って複数のselectボックスを動的にリンクさせ、なおかつ一度選択すると、次回開いたときにselectボックスの値が前回選んだ値と同じものが初期値になる、というようなことがしたいのですがやり方がわかりません。どなたか教えてくださいっ!!
例)select1:統轄名
select2:営業所名
select3:担当者名
select4:担当店
textボックス :日付を手で入力
上下に分かれたフレームの上のフレーム部分に上記のように4つのselectボックスと1つのtextボックスがあり、
1.select1で統轄を選ぶとselect2にはその統轄内の営業所だけが表示される
2.select2で営業所を選ぶとselect3にはその営業所の担当者だけが表示される
3.select3で担当者を選ぶとselect4にはその人が担当しているお店が表示される
4.更にお店を選んでtextボックスに日付を入力すると、その日付以降の注文が下のフレームに表示される
そして次回表示したときには、前回選んだものがselectボックスの初期値になっている
というようなことがしたいのです。
よろしくお願いします★
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
う~ん、参考からヒントを得て貰おうと言う意味で書いていたのですが・・・
では、またまた簡単にいきますね。
1.まず、select1にアイテムを追加します。
これは、サンプル11を参考にするかベタに書いておくかですね。
そして、select1のonClickイベントでサンプル11を使用し、select2にアイテムを追加。
2.select2のonClickイベントでサンプル11を使用し、select3にアイテムを追加。
3.select3のonClickイベントでサンプル11を使用し、select4にアイテムを追加。
4.日付の入力終了タイミングが、難しいと思うのでここではテキスト入力だけにして、
「一覧表示」のボタンを配置し、このボタンで注文一覧を表示するようにすればいいと思います。
No.1
- 回答日時:
では簡単に参考URLの紹介です。
・動的に、リストボックスにアイテムを追加
以下のURLを開き、「サンプル11」を参考にしてみてください。
http://www.usagi-js.com/sample/jssample5.htm
・前回の状態を保持
クッキーに情報を登録しておけばいいので以下のURLを参考にしてみてください。
http://www.usagi-js.com/sample/jssamplecookie.htm
ガンバって下さい。
この回答への補足
参考URLのサンプル11を見させていただいたのですが、私がやりたいのは、同一のリストボックスにアイテムを追加するのではなく、selectボックス1で県名を選ぶとselectボックス2にはその県の市町村が表示される、というようなことなのです。どうぞよろしくお願いします。
説明が下手で申し訳ないですm(__)m
参考URLですが、とても参考になります。早速お気に入りに入れちゃいました★ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文 3 2022/03/31 23:35
- Access(アクセス) アクセス where句を使用して複数条件抽出をするには 2 2022/08/29 13:24
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- PHP php my adminより取り出したデータ表示 2 2022/06/15 11:56
- Excel(エクセル) Excelヘルプの原文を表示する最速の方法(手順)には? 1 2023/08/11 11:30
- Excel(エクセル) ②Excel 簡単にシートコピーしたら前日の残高と日付を変更させたい→マクロの記録でエラーが出ます 8 2022/07/16 20:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- Excel(エクセル) [クイックアクセスツールバー]の設定ファイルの格納場所について、 5 2023/04/21 14:43
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
ラジオボタンとドロップダウン...
-
テーブルにおける行(セルにプル...
-
Selectボックスの幅を自動で広...
-
セレクトで選んだ項目を表示さ...
-
CSVファイルを読みこみ、プルダ...
-
【javascript・PHP】プルダウン...
-
現在時刻を取得してフォームのs...
-
selectタグに直接onChangeを書...
-
セレクトボックスで現在選択さ...
-
javascriptでselectボックスの<...
-
リストボックスの操作について
-
セレクトメニューの連動、そし...
-
ブラウザの戻るボタンを押した...
-
int select(int n, fd_set *rea...
-
リストボックス間で値をコピー...
-
JavaScriptでのセレクトボック...
-
return trueとreturn falseの用...
-
TextBoxに半角数字以外を入れた...
-
onclickで2個指定するには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectの中身をfor文で入れる
-
Selectボックスの幅を自動で広...
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
jQuery セレクトボックスで選択...
-
UWSCのIE操作でプルダウンを選...
-
html selectの内容を初期値に戻す
-
現在時刻を取得してフォームのs...
-
javascriptでの2つのプルダウン...
-
テーブルにおける行(セルにプル...
-
selectタグに直接onChangeを書...
-
【javascript・PHP】プルダウン...
-
セレクトメニューで選択された...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
<textarea>にプルダウンを表示...
-
プルダウンで現在の年月日を取...
-
リストボックスの項目の順番を...
-
親ウィンドウのリスト値変更
おすすめ情報