在项目帖子中隐藏和显示 div答案

【问题标题】：Hiding and showing a div at item post在项目帖子中隐藏和显示 div
【发布时间】：2017-03-24 08:48:20
【问题描述】：

我是一名学生，我在发布项目时遇到问题。我正在寻找基于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>

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

谢谢

【问题讨论】：

你的 js 脚本在哪里？
有很多关于 js/jQuery 脚本的示例来显示/隐藏 divs..请问 Google 先生。他知道很多东西。

标签： javascript php osclass

【解决方案1】：

您可以使用 Jquery 显示或隐藏，

<script>
$( "select" )
  .change(function() {
    $( "select option:selected" ).each(function() {
     $("#item-post-lot-area").hide();
    });

  })
</script>

查看链接了解更多https://api.jquery.com/selected-selector/

【讨论】：

是的，但它会一直隐藏，我只需要在选择较高类别时隐藏它！
此代码仅在选择选项被选中时有效。它的工作方式是改变选择元素，即。 [选择选项时]然后DIV将隐藏。第一次它只有在选择一个选项后才可见，然后 div 将被隐藏。检查并告诉我，
错误的原因是我有 60 个额外的类别，它会隐藏在所有内容中！