バージョン選択

フォーラム

メニュー

オンライン状況

65 人のユーザが現在オンラインです。 (56 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 65
もっと...

サイト内検索

質問 > その他 > 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}-->
※エラーで表示できません。



スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,308名です
総投稿数は109,693件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.