代码之家  ›  专栏  ›  技术社区  ›  Imrul.H

使用jquery选择box控件

  •  1
  • Imrul.H  · 技术社区  · 14 年前

    我正在使用选择框:

    <select name="priority" id="priority">
        <option value="4">Low</option>
        <option value="3" selected="selected">Normal</option>
        <option value="2">High</option>
        <option value="1">Emergency</option>
    </select>
    

    当用户选择“紧急”时,将打开一个确认框,如果用户确认,则选择“紧急”。否则应选择“正常”。为此,我使用jquery:

    $(document).ready(function() {
        $('#priority').change(function(){
            if($(this).val()=='1'){
                if(confirm("Are you sure this is emergency?")){
                    return true;
                }
                else{
                    //here some code is needed to select "Normal".
                }
            }
        });
    });
    

    3 回复  |  直到 14 年前
        1
  •  1
  •   Nick Craver    14 年前

    由于您只是在确认案例中返回,因此可以将逻辑简化为:

    $(function() {
      $('#priority').change(function(){
        if($(this).val()=='1' && !confirm("Are you sure this is emergency?")){
          $(this).val('3');
        }
      });
    });​
    

    You can give it a try here

        2
  •  0
  •   dekomote    14 年前
    else{
         $(this).find("option[value=3]").attr("selected","selected");
         //and trigger change after that if you need it
         $(this).change();
        }
    
        3
  •  0
  •   Giles Smith    14 年前

    下面的代码片段应该完成您要做的事情—它按ID选择priority select元素,然后将所选值设置为3。

    else 
    {
        $('#priority').val(3);
    }