Question

我想获取我拥有的JSON文件的密钥，然后使用JavaScript在另一个选择输入中获取值。

这是我拥有的JSON文件：

"city": {
"Afghanistan": [
  "Herat",
  "Kabul",
  "Kandahar",
  "Molah",
  "Rana",
  "Shar",
  "Sharif",
  "Wazir Akbar Khan"
],
"Albania": [
  "Elbasan",
  "Petran",
  "Pogradec",
  "Shkoder",
  "Tirana",
  "Ura Vajgurore"
],

所以我想要的只是选择输入中的国家，并且当用户选择一个时，所有城市都应加载到另一个输入中。

这是我拥有的HTML代码：

<div class="form-group">
   <label for="Country">Country</label>
   <select class="custom-select" id="Country">
      <option selected>Choose...</option>
   </select>
 </div>
 <div class="form-group">
    <label for="ville">Ville</label>
    <select class="custom-select" id="ville">

    </select>
 </div>

Answer 1

$.getJSON("data.json", function(result){
        $.each(result.city, function(item, field){
             $('#Country').append($('<option>', { 
                text : item 
            }));
        });
});


$("#Country").bind("change", function() {
    var country = $(this).val();
    $.getJSON("data.json", function(result){
         $.each(result.city[country], function(item, field){
             $('#ville').append($('<option>', { 
                text : field 
            }));
        });
    });

})

这应该可以。.您可以清理一下

如何使用JavaScript读取JSON键和值？

1 个答案: