質問 > フロント機能 > プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
moment |
投稿日時: 2014/8/14 5:33
対応状況: −−−
|
常連 登録日: 2014/6/30 居住地: 投稿: 45 |
プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 いつも大変お世話になっております。お詳しい方ご教授頂けませんでしょうか。
以下のプルダウンリストから選択されたら、即時で次のプルダウンリストを表示するという(選択されなければ表示しない)設定にしたいと考えています。 一応イメージとしては下記の様なものですが、それを即時で表示させるにはどのような記述を利用するのが望ましいのでしょうか。何か参考にすべき記述等をご紹介頂けませんでしょうか。 <input type="hidden" name="mode" value="" /> <select name="category_id" class="box70"> <option label="Place" value="23"></option> <!--{html_options options=$arrCatList selected=$category_id}--> </select> <!--{if $ arrCatList.category_id != ''}--> Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <!--{else}--> <!--{/if}--> EC-CUBE: 2.12.5 データベース: MySQL 5.0.6 WEBサーバ:apache2.2 OS:Linux PHP: PHP 5.2.1 |
tsuji |
投稿日時: 2014/8/18 9:47
対応状況: −−−
|
仙人 登録日: 2013/11/19 居住地: 投稿: 958 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 moment 様
アイディアの一つとしては、javascriptを使って、プルダウンリストが選択されたときに 該当のカテゴリ情報を出せるようにするようにしたらよいかと思います。 データはjson形式で渡すなら、javascriptでも扱うことができると思います。
|
miiitaka |
投稿日時: 2014/8/18 11:35
対応状況: −−−
|
一人前 登録日: 2011/10/17 居住地: 宮崎県宮崎市 投稿: 94 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 単純にプルダウンの内容でテキスト情報を変更するのであれば、
jQueryのchangeイベントで実装してみては如何でしょうか? http://semooh.jp/jquery/api/events/change/fn/
|
moment |
投稿日時: 2014/8/22 14:36
対応状況: −−−
|
常連 登録日: 2014/6/30 居住地: 投稿: 45 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 tsuji様、miiitaka様、
ご教授いただきましてありがとうございます。また貴重なサイトの情報を頂きまして大変感謝いたします。 miiitaka様、 jQueryのchangeイベントは今現在行っている設定が運用上支障を来たす場合のオプションとして、あるいは今後同様の設定が必要な時に利用させて頂きます。(今までの経緯上現行のもので続行) tsuji様、 以下の様に設定してみましたが(“最初のプルダウンの選択内容によって次のプルダウンの内容を変える“ではなく)、即時で次のプルダウンボックスを表示することはできません。何かお分かりになりませんでしょうか。 根本的に間違っているのであれば参考にできる実例などご紹介頂けませんでしょうか。 <input type="hidden" name="mode" value="" /> <select name="category_id" class="box70" onchange="button()"> <OPTION label="Place" value="23"></option> <!--{html_OPTIONS options=$arrCatList selected=$category_id}--> </select> <script type="text/javascript"> function button(){ var $arrCatList = document.getElementById('button').value; if($arrCatList selected=$category_id){ 次に表示させたいプルダウンボックス; } } </script> |
kuro_r |
投稿日時: 2014/8/25 9:08
対応状況: −−−
|
常連 登録日: 2014/8/7 居住地: 投稿: 32 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 moment 様
質問内容が意図する内容を詳しく教えてください。 「プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。」 プルダウンリストAが選択された場合に、起こしたい挙動は次のうち、どれでしょうか? ?プルダウンAと連動した(プルダウンAの情報に関連した)プルダウンBを表示する ?プルダウンAと連動しないプルダウンBを表示する (プルダウンAで何が選択されようがプルダウンBの内容は変わらない) ?その他 単に「選択されなければ表示しない」と言っても プルダウンの内容が連動するかどうかによって方法はいくつか選択肢が考えられます。 この部分がはっきりすれば、より適切な回答が得られると思います。 |
moment |
投稿日時: 2014/8/26 20:14
対応状況: −−−
|
常連 登録日: 2014/6/30 居住地: 投稿: 45 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 kuro_r 様
アドバイス頂きまして感謝いたします。また説明不足で申し訳ございませんでした。いろいろなケースが考えられますが、現状では?です。 |
kuro_r |
投稿日時: 2014/8/26 21:19
対応状況: −−−
|
常連 登録日: 2014/8/7 居住地: 投稿: 32 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 moment 様
「プルダウンAと連動しないプルダウンBを表示する」おいうことであれば、下記の要領で実現出来るかと思います。 1.画面表示時にプルダウンA、プルダウンBを表示するようにプログラム側は組む 2.画面側のスタイルで非表示(display:none等)させておく。 3.プルダウンAのイベント「onchange」で2で指定した非表示を解除(display:block等)する。 イメージがわくでしょうか? javascriptとスタイルシートを使用することになります。 |
moment |
投稿日時: 2014/9/6 5:25
対応状況: 解決済
|
常連 登録日: 2014/6/30 居住地: 投稿: 45 |
Re: プルダウンリストから選択されたら、即時で次のプルダウンリストを表示させたいです。 kuro_r様、miiitaka様、tsuji様、 ご多忙の中ご教授頂きまして感謝致します。 ご教授通りに、またネットで情報を調べながら試しておりました。 ご教授のおかげさまでもう少しのところで完成すると思われます。他の実装にも影響を与えたりしますので、様々な調整をしながら設定を試しているところでございます。 これから更に関連事項を調べながら、完成させたいと思います。 お時間を頂きまして本当にありがとうございます。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |