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

Question

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

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]) 
    ); 
    } 
  } 

我使用上面的代码为第二个下拉菜单生成选项。如果您想了解更多信息，请发表评论。谢谢！！！！！

Answer 1

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

Answer 2

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