jquery更改功能不起作用？

Question

我想改變兩個div的選擇標記的變化，當特定的值被選中，所以你可以請看看我的代碼，我做錯了什麼？

$(document).ready(function() { 
 
    $('#ads_site').change(function() { 
 
    if ($(this).val() == 'boss.az') { 
 
     $("#boss.az").css("display", "block"); 
 
    } 
 
    elseif($(this).val() == 'jobsearch.az') { 
 
     $("#jobsearch.az").css("display", "block"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form method="post" action="process.php"> 
 
    <select name="ads_site" id="ads_site"> 
 
    <option value="boss.az">boss.az</option> 
 
    <option value="jobsearch.az">jobsearch.az</option> 
 
    </select> 
 
    <div id="boss.az" style="display:none;"> 
 
    <center> 
 
     <h3>::Ads To Be Added::</h3> 
 
    </center> 
 
    <br> 
 
    <input type="text" class="from_page" name="from_page" placeholder="From Page No"> 
 
    <input type="text" class="to_page" name="to_page" placeholder="To Page No"> 
 
    </div> 
 
    <div id="jobsearch.az" style="display:none;"> 
 
    <center> 
 
     <h3>::Ads To Be Added::</h3> 
 
    </center> 
 
    <br> 
 
    <input type="text" class="from_ad" name="from_page" placeholder="From Ad No"> 
 
    <input type="text" class="to_ad" name="to_page" placeholder="To Ad No"> 
 
    </div> 
 
    <input type="submit" name="submit" class="login login-submit" value="Submit"> 
 
</form>

Answer 1

有2個問題：

1. 沒有在JavaScript中沒有elseif，你應該使用else if代替。

2. 由於您的ID包含.您應該轉義它們，否則jQuery會嘗試選擇一個具有boss ID和az類名稱的元素。

   $(document).ready(function() { 
       $('#ads_site').change(function() { 
        if (this.value === 'boss.az') { 
         $("#boss\\.az").show(); 
         // in case that you want to hide the other element 
         // $("#jobsearch\\.az").hide(); 
        } 
        else if (this.value === 'jobsearch.az') { 
         $("#jobsearch\\.az").show(); 
        } 
       }); 
   });