Php 在下拉选择之前隐藏字段的搜索框

我的Wordpress网站上有一个小部件，它搜索我的自定义分类法。搜索表单还有4个其他选项：最小和最大价格以及最小和最大功率。我想隐藏最小和最大功率输入字段，除非选择了某个选项或其子项。我的表单工作只需要实现jquery

我不知道jquery，但我发现，我只是不知道如何实现它

我的表格：

<form role="search" method="get" id="equipfilter" action="<?php bloginfo('url'); ?>/">
        <fieldset>
            <?php
                $dropdown_args = array(
                    'taxonomy'          => 'exc_equipment_cat',
                    'name'              => 'exc_equipment_cat',
                    'show_count'        => 1,
                    'orderby'           => 'name',
                    'hierarchical'      => true,
                    'echo'              => 0,
                    'walker'            => new Walker_SlugValueCategoryDropdown
                    );
                /*
                wp_dropdown_categories( $dropdown_args );
                */?>
                <?php
                $select = wp_dropdown_categories($dropdown_args);
                $select = preg_replace("#<select([^>]*)>#", "<select$1 data-select='select1'>", $select);
                echo $select;
                ?>
        </fieldset>
        <fieldset class="hidden" data-select="NOT SURE WHAT TO PUT HERE">
            <legend>Kw Range:</legend>
            <input type="text" name="kw_min" placeholder="min" value><br />
            <input type="text" name="kw_max" placeholder="max" value>
        </fieldset>
        <fieldset>
            <legend>Price Range:</legend>
            <input type="text" name="pr_min" placeholder="from" value><br />
            <input type="text" name="pr_max" placeholder="to" value>
        </fieldset>
        <input type="submit" id="filtersubmit" value="Search" />
    </form>

---

若要在选择其他类别时隐藏字段，请将代码更改为：

<script type="text/Javascript">
    jQuery(function ($){
        $(function(){
            $('.postform').change(function() {
                var selectData = $(this).attr("data-select");
                var selectValue = $(this).val();
                $('.hidden').hide();
                 if($("fieldset[data-select='" + selectData + selectValue +"']").css("display") == "none"){
                     $("fieldset[data-select^='" + selectData + "']").hide();
                     $("fieldset[data-select='" + selectData + selectValue +"']").show();
                 }
            });
        });
    });
    </script>

jQuery（函数（$）{
$（函数（）{
$（'.postform'）.change（函数（）{
var selectData=$（this.attr（“数据选择”）；
var selectValue=$（this.val（）；
$（'.hidden'）.hide（）；
if（$（“字段集[data select='”+selectData+selectValue+']））.css（“显示”）==“无”）{
$（（“字段集[data select^=”+selectData+“]”）hide（）；
$（“字段集[data select='”+selectData+selectValue+']”）.show（）；
}
});
});
});

---

添加了

$（'.hidden'）.hide（）到代码。
仅使用jQuery隐藏字段使用（如果禁用Javascript，则隐藏字段将显示，并且您不会像使用css隐藏它那样丢失选项）：


jQuery（函数（$）{
$（文档）.ready（函数（）{
$（“.kw”）.hide（）；
});
$（函数（）{
$（'.postform'）.change（函数（）{
var selectData=$（this.attr（“数据选择”）；
var selectValue=$（this.val（）；
$（'.kw'）.hide（）；
if（$（“字段集[data select='”+selectData+selectValue+']））.css（“显示”）==“无”）{
$（（“字段集[data select^=”+selectData+“]”）hide（）；
$（“字段集[data select='”+selectData+selectValue+']”）.show（）；
}
});
});
});
必须将脚本更新为
$（function（）{$（'.postform'）.change（function（）{var-selectData=$（this.attr）（“数据选择”）；var-selectValue=$（this.val（）；if（$）（$）字段集[data-select=“+selectData+selectValue+”）.css（“显示”）=“无”）{$（（“字段集[data-select^=”+selectData+“]））.hide（）；$（“字段集[data select='”+selectData+selectValue+']”）.show（）；}}）；}）现在，当我选择测试类别时，该字段显示。只要弄清楚如何在孩子身上使用它，以及如果在我的触发器类别被选中后选择了另一个类别，如何隐藏该字段
<script type="text/Javascript">
    jQuery(function ($){
        $(function(){
            $('.postform').change(function() {
                var selectData = $(this).attr("data-select");
                var selectValue = $(this).val();
                $('.hidden').hide();
                 if($("fieldset[data-select='" + selectData + selectValue +"']").css("display") == "none"){
                     $("fieldset[data-select^='" + selectData + "']").hide();
                     $("fieldset[data-select='" + selectData + selectValue +"']").show();
                 }
            });
        });
    });
    </script>

<script type="text/Javascript">
        jQuery(function ($){
            $(document).ready(function () {
                    $(".kw").hide();
                });

            $(function(){
                $('.postform').change(function() {
                    var selectData = $(this).attr("data-select");
                    var selectValue = $(this).val();
                    $('.kw').hide();
                     if($("fieldset[data-select='" + selectData + selectValue +"']").css("display") == "none"){
                         $("fieldset[data-select^='" + selectData + "']").hide();
                         $("fieldset[data-select='" + selectData + selectValue +"']").show();
                     }
                });
            });
        });
        </script>