Javascript 显示带有选择的弹出窗口

我不熟悉JavaScript/jQuery

• 当页面最初加载时，显示一个弹出窗口供用户选择国家。它应该是这样的：
  

• 选择“美国”后，应如下所示：
  

• 只有两种选择：“美国”和“加拿大”
  • 选择“美国”后，显示另一个包含州列表的下拉列表
  • 选择“加拿大”或州后，关闭弹出窗口

---

你当然应该自己做一些研究，但这将是有效的：

var country = window.prompt("Please enter 'United States' or 'Canada'", "Enter your country");

但这不是一个下拉列表。但是，在html中，可以使用

选项。所以如果你真的想要一个下拉列表，你应该自己用html创建一个弹出窗口。看一看这个问题：

只需检查一下代码。 您可以在jQuery中打开document.ready方法上的模型窗口。当html页面准备就绪时，此方法将触发。 如果在国家/地区更改事件下拉列表中选择了国家/地区，则可以显示国家/地区下拉列表。您还可以在“更改事件”下拉列表中附加所选国家/地区的选项

$（“#cntry”）.change（函数（）{
如果（此.value！=“选择国家”）
{
$（'#state'）.find（'option'）.remove（）.end（）.append（'Select state'）；
如果（该值=“美国”）
{
美元（“#州”）。追加（“美国州1”）；
美元（“#州”）。附加（“美国州2”）；
}
else if（this.value==“Canada”）{
$（“#州”）。追加（“加拿大州1”）；
$（“#州”）。追加（“加拿大州2”）；
}
$（“#divstate”）.show（）；
}
否则{
$（“#divstate”）.hide（）；
}
});
$（文档）.ready（函数（）{
$（“#btnPopup”）。单击（）；
});

关于页面加载的示例
开放模态
&时代；
要继续，请选择国家/地区
美国
加拿大
选择国家
选择状态
关
这并不是真正的工作原理。我建议先搜索web开始，然后返回一个关于正在进行的代码的特定问题。@user8448056问题中的
4.
代表什么，家庭作业问题否：pIs这是你测试中的第4题吗？但你在这里只问了一个问题。lol@user8448056您是否删除了其他三个？这是您需要的预期输出吗？