自定义搜索和使用Jquery隐藏字段

时间:2012-10-08 13:53:33

标签: php javascript jquery wordpress

我试图在我的搜索表单上隐藏一个带有Jquery的字段,所以如果它是一个商业地产,那么就没有多少个卧室和#39;领域。

jQuery(function ($) {
    $(window).load(function() {
        $("input:radio#comms").click(function() {
            $("p.bedrooms").hide();
        });
        $("input:radio#sale").click(function() {
            $("p.bedrooms").show();
        });

        $("input:radio#rent").click(function() {
            $("p.bedrooms").show();
        });
    });
});

我在Wordpress中这样做,上面的代码似乎有用,但我的问题是 - 如果你隐藏一个字段,URL改为卧室= 1& location = blackpool - 它默认为卧室= 1。我想知道表单中是否有一种方法可以获得空值,如果它隐藏了,那么根本不在该字段上进行搜索?

1 个答案:

答案 0 :(得分:0)

您始终可以尝试将.submit()事件处理程序附加到表单。

我还没有测试或运行下面的代码。

// Form will submit after this method runs unless you e.preventDefault();
$("#myForm").submit(function(e) {
    if ($("p.bedrooms").is(":visible")) {
        // Do somethin
    } else {
        // Bedrooms aren't visible

        // Option 1: empty the value
        $("input[name=bedrooms]").val("")
        /*
           Option 2: remove the input
           Since the form is submitting, it shouldn't matter 
           if you remove an input. Returning to the page should 
           replace the input.
        */
        $("input[name=bedrooms]").remove()
    }
});