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ランキング
-
プルダウン 項目が多いので先頭...
-
【javascript・PHP】プルダウン...
-
Selectの中身をfor文で入れる
-
セレクトメニューの選択項目に...
-
自動的に連番生成したURLにリン...
-
return trueとreturn falseの用...
-
一つのページで二つのFormを別...
-
Excelで作ったhtmlファイルのサ...
-
正規表現で複数マッチ条件で悩...
-
javascriptでoptionタグを削除...
-
追加ボタンを押した際に ok ボ...
-
value内に変数を入れたい
-
【掲示板の機能】投稿時にサイ...
-
JavaScriptのfileオブジェクト...
-
jsで質問です。 ボタンが二つ存...
-
Selectボックスの一覧表示方法
-
ページ間で変数を保持したい
-
出発駅A、到着駅Bを選択すると...
-
ボタンかリンクをクリックする...
-
contact-form7のプラグインでチ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
セレクトの値を取得できない
-
テーブルにおける行(セルにプル...
-
現在時刻を取得してフォームのs...
-
document.form で nullまたは...
-
javascriptでの2つのプルダウン...
-
リストボックスの項目の順番を...
-
onFocusOutが複数回呼ばれる!
-
javascriptでselectボックスの<...
-
プログラムがうまく動きません...
-
selectタグに直接onChangeを書...
-
親子連動型のselectを設置し、...
おすすめ情報