將JSON對象中的某些值添加到javascript數組

Question

更新：我已經嘗試了評論中的建議，但仍然無法正常工作。 我真的不知道為什么。 我將其合並為一個循環，並修復了所指出的語法錯誤。 這是現在看起來的代碼：

    $(function() {

  $("#json-one").change(function() {

    var $dropdown = $(this);

    $.getJSON("washroutines.json", function(data) {

      var vals = [];
      var $jsontwo = $("#json-two");
$jsontwo.empty();        

      for (var i = 0; i < data.length; i++){
        if (data[i].make === $dropdown.val()) {
          $jsontwo.append("<option value=\"" + data[i].model + "\">" + data[i].model + "</option>");
        }
      }

    });
  });

});

任何其他幫助將不勝感激！

原始問題：

我正在嘗試使用json對象創建相關的下拉菜單，但我無法使第二個菜單基於第一個菜單進行填充。 當第一個菜單更改時，第二個菜單轉到一堆“未定義”菜單。

    $.getJSON("washroutines.json", function(data) {     
      var vals = [];

for (i = 0; i < data.length; i++){
 if (data.make = $dropdown.val()) {
   vals.push(data.model);
   }
  }

      var $jsontwo = $("#json-two");
      $jsontwo.empty();
   for (i = 0; i < vals.length; i++){
   $jsontwo.append("<option value\"" + vals[i] + "\">" + vals[i] + "</option>");
}

在向我解釋事情時，請使用小詞，這是我的新手！

JSON的內容：

[{"make":"Maytag","model":"Bravos","prewashCycle":"Whitest Whites"},
{"make":"Maytag","model":"Awesome","prewashCycle":"Awesome Whitest Whites"},
{"make":"Whirlpool","model":"Cabrio","prewashCycle":"Extra Heavy"},
{"make":"Kenmore","model":"Elite","prewashCycle":"Awesome"}]

Answer 1

嘗試為此更改您的for循環

for (var i = 0; i < data.length; i++){
  if (data[i].make === $dropdown.val()) {
    vals.push(data[i].model);
  }
}