Question

我正在寻找一个基于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>

有人能解释我怎么做吗？

由于

Answer 1

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

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

item post div字段隐藏并显示在类别上

1 个答案: