質問 > その他 > selectボックスで選択されているvalue値を取得する方法 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
masammer |
投稿日時: 2016/6/7 18:13
対応状況: −−−
|
新米 登録日: 2016/6/7 居住地: 投稿: 3 |
selectボックスで選択されているvalue値を取得する方法 お世話になります。
selectボックスで選択されているvalue値を取得する方法を調べていますが、jQueryやJavaScriptの例などあるのですが、これをsmarty側に記述する方法がどうしても分かりません。 <select id="test" name="item"> <option selected="selected" value="">選択してください</option> <option value="1号" label="1号">1号</option> <option value="2号" label="2号">2号</option> <option value="3号" label="3号">3号</option> <option value="4号" label="4号">4号</option> <option value="5号" label="5号">5号</option> </select> 画面側でプルダウンから選択したvalue値を取得したいです。 どなたかご教授よろしくお願いします。 |
mirainak |
投稿日時: 2016/6/7 22:34
対応状況: −−−
|
常連 登録日: 2016/3/8 居住地: 東京 投稿: 58 |
Re: selectボックスで選択されているvalue値を取得する方法 Jqueryの場合、プルダウンが変更されたときに検知するような処理は下記のような形でいけると思います。表画面はdefault_frame.tiwgに記載すればいいと思います。
<script type="text/javascript"> $('#test').change(function() { var val = $('#test').val(); if (val == '2号'){ 処理2号のとき } else if (val == '3号'){ 処理3号のとき } }); </script> |
mirainak |
投稿日時: 2016/6/7 22:35
対応状況: −−−
|
常連 登録日: 2016/3/8 居住地: 東京 投稿: 58 |
Re: selectボックスで選択されているvalue値を取得する方法 default_frame.twigはEc-cube3の場合です。
|
masammer |
投稿日時: 2016/6/8 11:07
対応状況: 解決済
|
新米 登録日: 2016/6/7 居住地: 投稿: 3 |
selectボックスで選択されているvalue値を取得する方法 ありがとうございます!
解決出来ました。 ただ、Ver.2です^^; 3は内容変わりすぎてまだ無理そうです。 すいません、いただいた質問の回答で補足質問なのですが、 selectのvalue値は配列の値が入るので、1号、2号というように決め打ち出来ない仕様です。 そこで、scriptで取得した選択中のvalue値をsmarty側で受け取ることは可能でしょうか? PHPで受け取るのは調べたのですが、いまいちsmarty内での操作がうまくいきません。調べてるのですがマッチする情報がないです。 下記のようにするとphp側で受け取って <script>document.write 〜 まで受け取るので、最終 <!--{$abc}--> で値をURLで渡そうとしてもエラーで邪魔されます。 選択中のvalue値(例:1号)だけをsmarty側で表示させる方法はありますでしょうか? //以下はselectボックスで選択されているvalue値を取得しています。 <script> var selectVal = $("#select_test").children(':selected').val(); </script> //以下はphpで値受け取り <!--{php}--> $test = '<script>document.write(selectVal);</script>'; echo $test; $this->assign('abc',$test); <!--{/php}--> //smarty内記述(上記も同じファイル内に記述しています) <!--{$abc}--> ※エラーで表示できません。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |