2010-01-30 35 views
0

我有一个关于jQuery的问题。比方说,我有一个下拉列表:如何在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> 

回答

0

在脚本中,尝试"Other"资本-O。

+0

或者把'.toLowerCase()'后' .VAL()'。 – jerone 2010-01-30 19:43:15

2

两件事。首先,正如其他人所提到的,“其他”需要大写,因为字符串比较区分大小写。其次,你可以检索的选择更容易的价值:

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

       } 
      }); 
     }); 
    </script> 

一个选择元素的值等于它该值的选定选项:-)

+0

谢谢,我没有意识到区分大小写的部分。我用你的脚本替换了我的脚本,但它仍然不起作用:-(还有什么建议?这是我的测试站点,以防HTML错误:http://www.box.net/shared/a0v69odcvu – Steven 2010-01-30 20:21:20

+0

您发送的框链接是破坏,但我认为问题可能是,在jQuery中,你有id作为#position,并在HTML中,你有它作为“职位” – 2010-01-30 20:27:57

+0

我最终删除了该文件并重新上传,所以这里是一个工作链接: http://www.box.net/shared/fekilcq1i9 – Steven 2010-01-30 20:28:37