项目发布 div 字段隐藏和显示类别答案

【问题标题】：item post div field hide and show on category项目发布 div 字段隐藏和显示类别
【发布时间】：2017-08-17 08:18:05
【问题描述】：

我正在寻找基于 parentCatId 和 catId 的隐藏显示脚本！

这是我试图隐藏或显示的 div！ div class="item-post-lot-area"

<div class="item-post-lot-area">
  <label for="s_lotsize">
    <?php _e('Lot Area', 'ctg_housing'); ?>
  </label>
  <div class="row collapse prefix-radius">
    <div class="item-post-area-sign columns">
      <span class="prefix"><?php echo osc_get_preference('metric','ctg_housing_theme'); ?></span>
    </div>
    <div class="item-post-area-number columns">
      <input type="number" name="s_lotsize" id="s_lotsize" value="<?php if(isset($housingOut['s_lotsize'])) { echo $housingOut['s_lotsize'];} ?>" >
    </div>
  </div>
</div>

我尝试什么！

item-post-lot-area 字段将在加载页面时始终显示！并且会在选中下面的parentCatId和catId时隐藏

<option value="28">Vacation</option>
  <select id="catId" name="catId" class="valid">
    <option value="28">Select Subcategory</option>
    <option value="29">Pension House</option>
    <option value="30">Inn / Motel</option>
    <option value="31">Hotel &amp; Resort</option>
</option>
  </select>
  <select id="catId" name="catId" class="valid">
    <option value="32">Select Subcategory</option>
    <option value="33">Space</option>
    <option value="34">Office</option>
    <option value="35">BPO</option>
    <option value="36">Economic</option>
  </select>

有人可以解释一下怎么做吗？

谢谢

【问题讨论】：

标签： php jquery

【解决方案1】：

当select 元素发生更改时，您可能正在寻找使用.on("change") 来运行的方法。然后您可以检查选择了哪个值（如果需要），然后使用$(".item-post-lot-area").hide() 隐藏 div。

$("#catId").on("change", function(){
    $(".item-post-lot-area").hide();
});

【讨论】：