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

在腳本中，嘗試"Other"資本-O。

Answer 2

兩件事。首先，正如其他人所提到的，「其他」需要大寫，因爲字符串比較區分大小寫。其次，你可以檢索的選擇更容易的價值：

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

       } 
      }); 
     }); 
    </script> 

一個選擇元素的值等於它該值的選定選項:-)