如何在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> 

select元素的值等于它所选选项的值： - ）

Answer 2

在您的脚本中，尝试使用大写字母 "Other" 。