如果表单提交后第一个选择满意，则显示第二个选择

Question

我正在尝试建立一个注册页面。在某些时候，用户必须选择他/她的国家。如果该国家/地区有州，则应显示包含该国家/地区状态的第二个下拉菜单。

到目前为止一切顺利。使用jQuery我已经完成了它。代码如下所示：

$(document).ready(function(){

  //if JavaScript is enabled we need to hide the state HTML part
  $('p#state_nojs').hide();

  $('select#country').trigger("change");

});

$('select#country').change(function(){

    var country_selected = $('select#country option:selected').val();

    $.ajax({
            type: "POST",
            url: "data.php",
            data: { country : country_selected }
            }).done(function(data){
                $("#states").html(data);

    });

});

data.php 是一个脚本，它将选择的国家/地区作为参数，搜索数据库，并返回与之关联的所有状态。然后将状态下拉菜单插入空状态div。

当我按下提交按钮时，问题就开始了。他们编程的方式是保持当前用户选择和输入（粘性形式）除密码以外的所有字段。所以我对国家和州也这样做了。

当按下提交按钮并且注册期间出现错误时，重新加载的页面会记住国家/地区选择，但状态下拉菜单不可见，即使所选国家/地区具有状态。

我做错了什么？

提前致谢。