バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品検索でform をsubmitするには

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tone_tone
投稿日時: 2021/12/15 10:50
対応状況: 解決済
新米
登録日: 2021/12/13
居住地:
投稿: 8
Re: 商品検索でform をsubmitするには
shiro8様
確認ができました。
単純すぎるほどの内容で、お恥ずかしい限りです。
ありがとうございます。
468
投稿日時: 2021/12/15 3:56
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: 商品検索でform をsubmitするには
$('#searchform').submit();
のようにformのID属性を指定してsubmit()を実行すれば送信されるのではないかと思います。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

tone_tone
投稿日時: 2021/12/14 0:16
対応状況: 開発中
新米
登録日: 2021/12/13
居住地:
投稿: 8
商品検索でform をsubmitするには
▼テンプレート
[EC-CUBE] EC-CUBE3.0.13、新規インストール
[レンタルサーバ] レンタルサーバ
[カスタマイズの有無]
products/listの検索時に、在庫の有無を検索条件にできるよう
チェックボックスを追加し、
チェックボックスのクリックのタイミングをjavaScriptのonChangeイベントで検索用formのをsubmitしようとしていますが、submitのfunctionがわかりません。

次が検索部分のソースを表示したものとなります。
---------------------------------------------------
<!-- ▼商品検索 -->

<script>
function fnSearch() {
eccube.submitForm();
}
</script>

<div class="drawer_block pc header_bottom_area">
<div id="search" class="search">
<form method="get" id="searchform" name="searchform" action="/eccube3/html/products/list">
<div class="search_inner">
<select id="category_id" name="category_id" class="form-control"><option value="">全ての商品</option><option value="2">インテリア</option><option value="1" selected="selected">キッチンツール</option><option value="4"> 調理器具</option><option value="3"> 食器</option><option value="5">  フォーク</option><option value="6">新入荷</option></select>
<div class="input_search clearfix">
<input type="search" id="name" name="name" maxlength="50" placeholder="キーワードを入力" class="form-control" />
<div id="stock_available">
<div class="checkbox">
<label class="">
<input type="checkbox" id="stock_available_0" name="stock_available[]" value="1" checked="checked" onchange="java script:fnSearch();" /> 在庫あり商品のみを検索</label>
</div>
</div>
<button type="submit" class="bt_search"><svg class="cb cb-search"><use xlink:href="#cb-search" /></svg></button>
</div>
</div>
<div class="extra-form">
</div>
</form>
</div>
</div>
<!-- ▲商品検索 -->
---------------------------------------------------

EC-CUBEの環境でのformのsubmitはどのように行えばいいでしょうか。
初心者故、見当違いなどあるかもしれませんが、ご教授ください。
宜しくお願い致します。
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.