アイテムポストでのdivの非表示と表示

Question

私は学生ですがアイテム投稿に問題があります。私はparentCatIdとcatIdに基づくhide showスクリプトを探しています！

これは私が非表示にするか、または表示しようとしている部門です！ 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

あなたが表示またはjqueryのを使用して非表示にすることができ、知って

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

    }) 
</script> 

チェックリンクよりhttps://api.jquery.com/selected-selector/