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(); 
        } 
       }); 
   });