javascript - 用于在选择选项中保留所选值的 Jquery

Question

我正在使用我的选择下拉菜单播放一些显示/隐藏功能。这是选择的html，

<select id="sel1" size="1" name="">
    <option selected="selected" value="0">Select Here</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>

这是我的jQuery，

$(document).ready(function(){
    $("#sel1").change(fun);  
});


function fun(){  
   var selected = $("#sel1 option:selected");       

   if(selected.val() == 1) {  
      $("#div1").slideDown("slow");
      $('#div2').slideUp("slow");
   } else if(selected.val() == 2) {
      $("#div1").slideUp("slow");
      $('#div2').slideDown("slow");
   } else {
      $("#div1").slideUp("slow");
      $('#div2').slideUp("slow");
   }
};

但是在将值发送到服务器并返回后，我想根据下拉列表中的值选择保留 div1 或 div2 。但截至目前，两个 div 都没有显示，因为 display=none 在初始级别。有什么办法可以保留这个？

Answer 1

如果您的 HTML 是使用服务器端语言生成的，那么您最好的选择是仅display: none在适当的时候向它们添加 CSS 属性。或者，您可以change在 DOM 准备好时触发事件处理程序，使用：

$(document).ready(function(){
    $("#sel1").change(fun).trigger('change');  
});