バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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はどのように行えばいいでしょうか。
初心者故、見当違いなどあるかもしれませんが、ご教授ください。
宜しくお願い致します。
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/15 10:50
対応状況: 解決済
新米
登録日: 2021/12/13
居住地:
投稿: 8
Re: 商品検索でform をsubmitするには
shiro8様
確認ができました。
単純すぎるほどの内容で、お恥ずかしい限りです。
ありがとうございます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン



統計情報

総メンバー数は78,100名です
総投稿数は106,040件です

投稿数ランキング

1
seasoft
7333
2
468
3217
3
AMUAMU
2712
4
nanasess
2279
5
umebius
2085
6
yuh
1745
7
red
1558
8
h_tanaka
1301
9
tsuji
957
10
fukap
907
11
shutta
835
12
tao_s
794
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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