jquery选择使用默认值选择的选项

时间:2016-04-25 20:19:35

标签: jquery

我想问一点帮助。我有一个小jquery代码: 我有一些选择HTML标签,但如果我选择最后一个,使用Jquery我可以看到一个输入文本,它工作得很好,但如果我选择最后一个默认值(check =" checked&#34 ;),它不起作用。 这是我的代码:

<select id="szab">
  <option>Choose Your Name</option>
  <option>Frank</option>
  <option>George</option>
  <option selected="selected">Last</option>
</select>

这是jquery

$(document).ready(function(){

    $('#szab').change(function(){
        if($('#szab option:selected').text() == "Last"){
         $('#Last').css("visibility","visible").css("height","auto");
        }else{
         $('#Last').css("visibility","hidden").css("height","0");
        }
    })
});

我应该改变什么? 提前致谢。 乙

1 个答案:

答案 0 :(得分:1)

您应该在加载时触发事件。

$(document).ready(function(){

    $('#szab').change(function(){
        if($('#szab option:selected').text() == "Last"){
         $('#Last').css("visibility","visible").css("height","auto");
        }else{
         $('#Last').css("visibility","hidden").css("height","0");
        }
    }).trigger('change');
});