Javascript 使用Jquery、Ajax和json文件从下拉列表中动态选择

我正在寻找以下代码的帮助

我有这样一个表格，每个下拉列表取决于上面的一个，所以你根据你的选择，正确的数据将显示在下一个选择。我想要下拉列表4选择房屋激活基于下拉列表1选择国家。所以当国家选择的时候。state2和house4都将激活并显示数据。请参见下面的屏幕截图

下面是HTML代码

$document.readyfunction{ 加载json_数据“国家”； 函数加载\u json\u数据id，父\u id { var html_代码=； $.getJSON'https://raw.githubusercontent.com/ahammoudi/jason_data/master/data.jason，函数数据{ html_代码+='选择'+id+； $.eachdata、functionkey、value{ ifid==“国家” { ifvalue.parent_id==“0” { html_code+=+value.name+； } } 其他的 { ifvalue.parent\u id==parent\u id { html_code+=+value.name+； } } }; $+id.htmlhtml\u代码； }; } $document.on'change'，country'，函数{ var country_id=$this.val； 如果国家/地区id！= { 加载json数据“状态”，国家id； } 其他的 { $'state'.html'Select state'； $'city'.html'Select city'； $'house'.html'Select house'； } }; $document.on'change'、'state'，函数{ var state_id=$this.val； ifstate_id！= { 加载json_数据'city'，state_id； } 其他的 { $'city'.html'Select city'； } }; $document.on'change'，city'，函数{ var city_id=$this.val； 如果城市id！= { 加载数据“房子”，城市id； } 其他的 { $'house'.html'Select house'； } }; }; WebLesson教程| JSON-使用Jquery和Ajax的动态相关下拉列表 JSON-使用Jquery和Ajax的动态相关下拉列表 选择国家 选择状态 选择城市 精选屋

---

已经修好了。以下是我所做的>

$document.readyfunction{ 加载json_数据“国家”； 函数加载\u json\u数据id，父\u id { var html_代码=； $.getJSON'https://raw.githubusercontent.com/ahammoudi/jason_data/master/data.jason，函数数据{ html_代码+='选择'+id+； $.eachdata、functionkey、value{ ifid==“国家” { ifvalue.parent_id==“0” { html_code+=+value.name+； } } 其他的 { ifvalue.parent\u id==parent\u id { html_code+=+value.name+； } } }; $+id.htmlhtml\u代码； }; } $document.on'change'，country'，函数{ var country_id=$this.val； 如果国家/地区id！= { 加载json数据“状态”，国家id； } 其他的 { $'state'.html'Select state'； $'city'.html'Select city'； $'house'.html'Select house'； } }; $document.on'change'、'state'，函数{ var state_id=$this.val； ifstate_id！= { 加载json_数据'city'，state_id； } 其他的 { $'city'.html'Select city'； } }; $document.on'change'，country'，函数{ var country_id=$this.val； 如果国家/地区id==1 { 加载数据“房子”，7； } 否则，如果国家/地区id==2 { 加载数据“房子”，8； } 其他的 { $'house'.html'Select house'； } }; }; WebLesson教程 JSON x 选择国家 选择状态 选择城市 精选屋

---

如果有人想查看json数据文件，这里是您的问题所在？当选择了droplist No.1 Country时，droplist No.4 select house需要处于活动状态。当前，当下拉列表编号3选择城市时，编号4将被激活。如果您运行代码片段，您将了解我所说的内容。好的，根据我的理解，如果您选择第一个下拉列表4个下拉列表填充，那么让我知道这一点是正确的，所以我正在准备演示？目前，每个下拉列表取决于它上面的一个，例如，下拉列表2，在您从下拉列表1中选择某个内容之前将不可用。第三个下拉列表取决于第二个下拉列表。我想要的是，如果我更改此行$document，我希望下拉列表4变为活动状态，并准备在选择下拉列表1而不是下拉列表3时选择某些内容。在“更改”、“城市”功能上，类似于此$document的内容。在“更改”、“国家”功能上，drobdown将工作，但列表不正确，因为我们将变量city_id设置为