下記のページに書かれている通り、
選択肢(1)によって、選択肢(2)の内容が変わるようにしたのですが、
http://www.ksknet.net/javascript/post_54.html
内容を、PHPでデータベースに保存して更新を行なう時に、
選択肢(2)のセレクトボックスで選んだ内容を
表示させる方法がわかりません。
■やりたいこと
上記ページのスクリプトで、
選択肢(1)を「果物」、選択肢(2)を「みかん」にして、
MySQLに保存して、更新を行なった際、
下記のように更新が行なえるようにしたい。
【選択肢(1)で選んだモノが最上位に表示される】
(例:$select1=「果物」で保存した場合、「果物」が最上位)
<select name = "selectName1" onChange="functionName()">
<option value = "$select1">$select1</option>
<option value = "果物">果物</option>
<option value = "野菜">野菜</option>
<option value = "野菜">野菜</option>
</select>
【選択肢(2)で選んだモノが最上位に表示される】
(例:$select2=「みかん」で保存した場合、「みかん」が最上位)
<select name = "selectName2"></select>
※このフォームに、$select2を入れて、$select2の内容を表示し、
他の選択肢(2)の内容も表示したいのですが、方法がわかりません。
少しわかりにくい質問かも知れませんが、
どうしても実現したいことなので、是非とも宜しくお願いします。
No.1
- 回答日時:
結局なにがしたいのかわからない・・・
選択肢1で分類を選びますよね?
選択肢2で品目を選ぶと、選択肢1の順番がかわるということ?
MySQLの保存うんぬんのクダリがどうかかわっているかもわからない
選択肢1はMySQLのデータをもとに動的に生成されるということ?
であればjavascriptよりもPHPなどの処理で選択肢のソートはすべきでは?
この回答への補足
yambejp様
わかりづらくても申し訳ありません。
やりたいことは、以下の通りです。
(1)会員登録をする
■選択肢1
<select name = "selectName1" onChange="functionName()">
<option value = "果物">果物</option>
<option value = "野菜">野菜</option>
<option value = "野菜">野菜</option>
</select>
■選択肢2
<select name = "selectName2"></select>
選択肢1を選ぶと、動的に選択肢2が表示されるので、
それぞれ選びたいものを選んで、MYSQLに保存する。
(2)会員情報の更新をする
■選択肢1
<select name = "selectName1" onChange="functionName()">
<option value = "$select1">$select1</option>
<option value = "果物">果物</option>
<option value = "野菜">野菜</option>
<option value = "野菜">野菜</option>
■選択肢2
<select name = "selectName2"></select>
会員登録した情報を変更したいので、
会員登録時に選んだ選択肢1と選択肢2の内容を表示した上で、
選択肢1を選んだ時、動的に選択肢2を表示できるようにしたい。
※ただし、選択肢2では、会員登録時に選んだ内容が、
最上位に出るようにしたい。
(例)
<select name = "selectName2">
<option value = "みかん">みかん</option>
<option value = "りんご">りんご</option>
<option value = "みかん">みかん</option>
<option value = "オレジン">オレンジ</option>
</select>
※会員登録時に、選択肢2で「みかん」を選んだ場合
これができるか教えて下さい。
javascriptは苦手なので、PHPだけでできれば、
一番いいのですが、選択肢1を選んだ時に、
動的に選択肢2が出るようにする方法がわかりません。
もしPHPでできるのであれば、書き方を教えて頂けると助かります。
お忙しい中、お手数をお掛けしますが、
宜しくお願い致します。
No.2
- 回答日時:
MySQLで保存されたデータを初めのOptionvalueにしたいのならば、
selectでよびだして、
$option="<option value = "$select1">$select1</option>";
として、
<select name = "selectName1" onChange="functionName()">
$option
<option value = "果物">果物</option>
<option value = "野菜">野菜</option>
<option value = "野菜">野菜</option>
</select>
すればよいのですが、
この回答への補足
javaphp様
ご回答ありがとうございます。
<select name = "selectName1" onChange="functionName()">
はそれでできるのですが、
<select name = "selectName2"></select>
ができないので困っています。
原因は、選択肢1を選んだ時に、選択肢2が動的に表示されるため
なのですが、対処法は、ありますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンメニューアイテムの...
-
ドロップダウンボックスに・・
-
セレクトボックスを切り替える...
-
プルダウンメニュー項目のフォ...
-
複数のプルダウンメニューの設...
-
GETをPOSTに変更したところ 送...
-
送信ボタン押下時に値が未入力...
-
HTML Formの属性actionは2つの...
-
HTMLのフォームタグの送信順に...
-
入力フォームの javascript で ...
-
チェックボックスで、チェック...
-
submitをボタン以外にするには
-
自分のサイト内のワード検索?
-
ブラウザの履歴を消す/アクセ...
-
JavaScript 超初心者です。 Doc...
-
[onClick]ボタンを押すことで入...
-
・フォームの送信先(action)...
-
複数のフォームを一括で送信す...
-
HTMLとCSS
-
リクエストパラメータの値によ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの値による入...
-
セレクトボックスの幅をプルダ...
-
複数のプルダウンからリンクす...
-
プルダウンメニューでインライ...
-
<SELECT>タグでの selected 状...
-
クリックすると下に項目が出て...
-
セレクトボックスを切り替える...
-
前ページのリンクからフォーム...
-
プルダウンメニューアイテムの...
-
VB6.0でコントロール配列の配列...
-
jQuery if文の条件分岐 (。ノд...
-
リストボックス全選択について
-
プルダウンメニューで、選択項...
-
複数のプルダウンの値をパラメ...
-
プルダウンの切り替えについて
-
jQuery要素の絞り込み + <selec...
-
switch文のswitch(n)の部分を複...
-
プルダウンを2つ以上並べる時に...
おすすめ情報