javascript - 如何在 jQuery 中获取选择选项

Question

我有一个关于 jQuery 的问题。假设我有一个下拉列表:

 <select id="Positions" name="PositionType"> 
        <option value="Manager">Manager</option> 
        <option value="Janitor">Janitor</option> 
        <option value="Cook">Cook</option> 
        <option value="Cashier">Cashier</option> 
        <option value="Other">Other</option> 
  </select>

当选择“其他”时，如何显示警告框？到目前为止这不起作用:

  <script type="text/javascript"> 
      $(document).ready(function(){
          $("#position").change(function(){
              if($("#position option:selected").val() == "other"){
                  alert("hello world");
              }
              else { 

              }
          });
      }); 
  </script> 

Answer 1

有两件事。首先，正如其他人提到的，“其他”需要大写，因为字符串比较区分大小写。其次，您可以更轻松地检索选择的值:

  <script type="text/javascript"> 
      $(document).ready(function(){
          $("#position").change(function(){
              if($(this).val() == "Other"){
                  alert("hello world");
              }
              else { 

              }
          });
      }); 
  </script> 

选择元素的值等于其所选选项的值:-)