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

Question

我试图在我的搜索表单上隐藏一个带有 Jquery 的字段，这样如果它是商业地产，就没有“卧室数量”字段。

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。我想知道是否有表单中具有空值的方式，如果它被隐藏，则根本不搜索该字段？

Answer 1

您可以随时尝试将 .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()
    }
});