Jquery添加值以选择选项

我已经用Google搜索了这个选项很多天但我找不到解决方案。

我想要的是:

  1. 我有两个选择框
  2. 首选框具有国家/地区名称
  3. 第二个选择框为空

我想要的是当我从第一个选择框中选择任何国家(即英国)时,应运行php查询以从表中获取所有城市名称,然后使用Jquery将它们添加到第二个选择框。

谢谢

假设

  • 你有一个脚本(“/getCities.php”),它接受一个参数(“country”),它是你想要城市的国家的ID,并输出如下所示的JSON:

    {"Cities": [ { "ID": 1, "Name": "New York" }, { "ID": 2, "Name": "Los Angeles" } ]} 

    (您可以使用JSONLintvalidation您的JSON。)

那么也许就是这样的:

     

试试这个。

      

“级联下拉列表”是一个常见的界面 – 我发现很难相信你找不到任何例子。 这是一个PHP示例 ,它将指向正确的方向。