单击提交按钮后如何维护动态生成的下拉菜单项。答案

【问题标题】：how to maintain dynamic generated drop down menu items after submit button is clicked.单击提交按钮后如何维护动态生成的下拉菜单项。
【发布时间】：2012-03-15 06:01:09
【问题描述】：

我有 2 个下拉菜单，第二个下拉菜单中的选项取决于第一个选项，换句话说，第二个下拉菜单中的选项是在选择第一个选项后生成的。我的问题是，单击提交按钮后，我的页面将使用表单中的所有参数进行 get 调用，但是如何保持第二个下拉菜单的选项可用并显示先前选择的选项。我已经粘贴了一些代码来帮助深入解释：

function generateOptions(selected) 
  { 
  var Obj = //a dictionary mapping items from first drop down menu with possible options 
  var selected_item = selected.options[selected.selectedIndex].text 
  var options = jsonObj[selected_item]   
  for(var i=0; i<options.length;i++) 
    { 
    jq('#second_menu').append( 
      jq('<option></option>').val('second_menu_option') 
      .html(options[i]) 
    ); 
    } 
  }

我使用上面的代码为第二个下拉菜单生成选项。如果您需要更多信息以提供帮助，请发表评论。谢谢！！！！！

【问题讨论】：

标签： javascript drop-down-menu

【解决方案1】：

请勿打扰表单。如果页面重新加载，它将被重置。使用 ajax GET 调用提交表单，这样您的选择框仍将填充旧值

【讨论】：

yp @achusonline 是正确的，如果你这样做，你的问题就会得到解决。

【解决方案2】：

将第一个下拉列表的值传递给$.get("any file as parameter")，然后仅在另一个文件中创建下拉列表，然后在需要的地方获取并打印它。

【讨论】：