Question

有一个使用javascript填充的选择列表，每次页面重新加载时，列表都会被重置。并且用户选择的选择将丢失，但是对于所有其他输入选项（如单选按钮，复选框或文本字段），不会丢失任何数据。

//example of dynamcially generated options for a dropdown list
<p id="question">How old are you (in years)?</p>
<select id="q1" name="age" style="width:157px;"></select>
<script language="Javascript"> initializeAgeList("Select Your Age",100); </script> 

//example of static options for a radio button set
<p id="question">Are you male or female?</p>
<input type = 'radio' name ='q3' value= 'male' required>Male<BR>
<input type = 'radio' name ='q3' value= 'female'>Female

尝试使用全局变量来确定列表是否已设置，但证明无法正常工作

 var isAgeSet = false; //global var

 function initializeAgeList(default_selection,limit ){
     if(!isAgeSet){ //checks to see if list has already been set, on page refresh is set to zero
         var i = 0;
         while (i <= limit){ //adds options until limit is reached
              if(i==0){
                  $("#q1").append(new Option(default_selection,i));
              }else{
                  $("#q1").append(new Option(i,i));
              }
              i++;
          }
          isAgeSet = true;
      }
 };

如何使用jQuery防止在下拉列表中丢失用户所选的选项？

Answer 1

听起来您希望在页面回发之间保留数据。您应该保存所选数据并在页面加载时读取它（如果有保存的数据）。数据可以保存到服务器（数据库/文件）或客户端（本地存储）。

希望这是你需要的......

参见Yaniv

jQuery如何在页面重新加载时为动态创建的列表保留选定的选项

1 个答案: