隐藏字段的搜索框，直到下拉选择为止

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

我不知道jquery但我找到了这个解决方案 ，我只是不确定如何实现它。

我的表格：

<form role="search" method="get" id="equipfilter" action="/"> 
  '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); echo $select; ?> 
 
 
Kw Range:
 
  
 
 
Price Range:
 
  
   

jquery（更新到现在使用测试类别进行测试的地方，现在我只需要弄清楚

要放在

）：

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

Answer 1

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

添加$('.hidden').hide(); 到代码。

Answer 2

仅使用jQuery来隐藏字段使用（如果Javascript被禁用，则隐藏字段将显示，并且您不会像使用css隐藏它时那样松开选项）：