javascript - Jquery 更改功能不起作用？

Question

当选择了特定值时，我正在尝试根据选择标签中的更改更改两个 div 的 css，所以您可以查看我的代码，看看我做错了什么吗？

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

有两个问题:

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