항목 게시시 div 숨기기 및 표시

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 및

<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> 

catId를 수행하면 사람이 어떻게이 작업을 수행하는 나를 설명 할 수 선택하면 는 그리고 숨길 것인가?

감사

Answer 1

표시하거나 jQuery를 사용하여 숨길 수 있습니다, 알고

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

    }) 
</script> 

체크 링크 더 https://api.jquery.com/selected-selector/