最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Selectbox and Searchform and Custom Search Page

programmeradmin1浏览0评论

I'm in the very hard journey to make a Tire Website.

You know , Lots of Cars, Tires , Brands, An absolutely headache.

I'm using jigoshop as my main e-commerce plugin. and because is to difficult to filter attributes in jigoshop. I will use the simple search of wordpress for filtering words .

but if I use a select box like:

<form role='search' method='post' id='searchform' action='/'>
                            <label>A</label>
                            <select>
                                <option id="s" value="255">225</option>
                                <option id="s" value="230">230</option>
                                <option id="s" value="">235</option>
                                <option id="s" value="">240</option>
                                <option id="s" value="">245</option>
                                <option id="s" value="">250</option>
                                <option id="s" value="">260</option>
                                <option id="s" value="">265</option>
                                <option id="s" value="">270</option>
                            </select>


                            <label>At</label>
                            <select>
                                <option id="s" value="40">40</option>
                                <option id="s" value="45">45</option>
                                <option id="s" value="">50</option>
                                <option id="s" value="">55</option>
                                <option id="s" value="">60</option>
                                <option id="s" value="">65</option>
                                <option id="s" value="">70</option>
                                <option id="s" value="">75</option>
                                <option id="s" value="">80</option>
                                <option id="s" value="">85</option>
                                <option id="s" value="">90</option>
                                <option id="s" value="">95</option>
                                <option id="s" value="">100</option>


                            </select>

                            <label>Rin</label>
                            <select>
                                <option id="s" value="10">10</option>
                                <option id="s" value="11">11</option>
                                <option id="s" value="">12</option>
                                <option id="s" value="">13</option>
                                <option id="s" value="">14</option>
                                <option id="s" value="">15</option>
                                <option id="s" value="">16</option>
                                <option id="s" value="">17</option>
                                <option id="s" value="">18</option>
                                <option id="s" value="">19</option>
                                <option id="s" value="">20</option>
                                <option id="s" value="">21</option>
                                <option id="s" value="">22</option>
                                <option id="s" value="">23</option>
                                <option id="s" value="">24</option>
                                <option id="s" value="">25</option>
                                <option id="s" value="">26</option>
                                <option id="s" value="">27</option>
                                <option id="s" value="">28</option>
                                <option id="s" value="">29</option>
                                <option id="s" value="">30</option>
                                <option id="s" value="">31</option>
                                <option id="s" value="">32</option>
                                <option id="s" value="">33</option>
                                <option id="s" value="">34</option>
                                <option id="s" value="">35</option>
                                <option id="s" value="">36</option>
                                <option id="s" value="">37</option>
                                <option id="s" value="">38</option>
                                <option id="s" value="">39</option>
                                <option id="s" value="">40</option>
                            </select>

                            <input class='btn' value='Search' type='submit'/>
                        </form>

I don't get any result..

what is what am I doing wrong?

thanks

I'm in the very hard journey to make a Tire Website.

You know , Lots of Cars, Tires , Brands, An absolutely headache.

I'm using jigoshop as my main e-commerce plugin. and because is to difficult to filter attributes in jigoshop. I will use the simple search of wordpress for filtering words .

but if I use a select box like:

<form role='search' method='post' id='searchform' action='/'>
                            <label>A</label>
                            <select>
                                <option id="s" value="255">225</option>
                                <option id="s" value="230">230</option>
                                <option id="s" value="">235</option>
                                <option id="s" value="">240</option>
                                <option id="s" value="">245</option>
                                <option id="s" value="">250</option>
                                <option id="s" value="">260</option>
                                <option id="s" value="">265</option>
                                <option id="s" value="">270</option>
                            </select>


                            <label>At</label>
                            <select>
                                <option id="s" value="40">40</option>
                                <option id="s" value="45">45</option>
                                <option id="s" value="">50</option>
                                <option id="s" value="">55</option>
                                <option id="s" value="">60</option>
                                <option id="s" value="">65</option>
                                <option id="s" value="">70</option>
                                <option id="s" value="">75</option>
                                <option id="s" value="">80</option>
                                <option id="s" value="">85</option>
                                <option id="s" value="">90</option>
                                <option id="s" value="">95</option>
                                <option id="s" value="">100</option>


                            </select>

                            <label>Rin</label>
                            <select>
                                <option id="s" value="10">10</option>
                                <option id="s" value="11">11</option>
                                <option id="s" value="">12</option>
                                <option id="s" value="">13</option>
                                <option id="s" value="">14</option>
                                <option id="s" value="">15</option>
                                <option id="s" value="">16</option>
                                <option id="s" value="">17</option>
                                <option id="s" value="">18</option>
                                <option id="s" value="">19</option>
                                <option id="s" value="">20</option>
                                <option id="s" value="">21</option>
                                <option id="s" value="">22</option>
                                <option id="s" value="">23</option>
                                <option id="s" value="">24</option>
                                <option id="s" value="">25</option>
                                <option id="s" value="">26</option>
                                <option id="s" value="">27</option>
                                <option id="s" value="">28</option>
                                <option id="s" value="">29</option>
                                <option id="s" value="">30</option>
                                <option id="s" value="">31</option>
                                <option id="s" value="">32</option>
                                <option id="s" value="">33</option>
                                <option id="s" value="">34</option>
                                <option id="s" value="">35</option>
                                <option id="s" value="">36</option>
                                <option id="s" value="">37</option>
                                <option id="s" value="">38</option>
                                <option id="s" value="">39</option>
                                <option id="s" value="">40</option>
                            </select>

                            <input class='btn' value='Search' type='submit'/>
                        </form>

I don't get any result..

what is what am I doing wrong?

thanks

Share Improve this question asked Jan 11, 2013 at 0:30 LockeLocke 171 silver badge6 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 0

Welcome to WPSE!

First of all - you cannot have two (or more) elements with the same ID. Second - your select elements lack name attribute and browser doesn't actually submit anything. Third - you cannot just expect to throw a bunch of selects into the form and expect everything to magically work. In order to even start searching, WordPress needs a query with s key - only then it will recognise the request as search and redirect to the appropriate search template.

As I said before, building a complex search system is not an easy task. You will probably need to hook into a pre_get_posts action, detect if certain values have been submitted and modify the query accordingly. Here's an article on how to build advanced queries using WP_Query class to get you started.

发布评论

评论列表(0)

  1. 暂无评论