Dropdown ajaxを投入する

Question

私は以下の問題があります。ドロップダウンから要素を選択すると、別のドロップダウンをajax経由で自動入力したいと考えています。サブカテゴリ（sub_type）が「タイプ」を選択した後にロードされないという考えがあります。 isn`tロードされた

[{id: 0, name: 'Mark'}, {id:1, name: 'Andy'}, {id:2, name: 'Richard'}] 

しかしsubcathegory（選択secont）：

HTML 
<select id="type" name="type"> 
<option value="1">General</option> 
<option value="2">Test</option> 
</select> 
<select id="sub_type" name="sub_type"> 
</select> 


SCRIPT 
    $("#type").change(function(){ 
    $.getJSON("ajax/add_subcathegory.php",{id: $(this).val(), ajax: 'true'}, function(j){ 
      var options = ''; 
      for (var i = 0; i < j.length; i++) { 
      options += '<option value="' + j[i].id+ '">' + j[i].name+ '</option>'; 
      } 
     }); 
    $("#sub_type").html(options); 
    }); 

私のAjaxのスクリプトが返されます。

Answer 1

Ajaxの成功関数が実際に呼び出されたと仮定すると、への機能コード変更：

  var $subType = $("#sub_type"); 
      $subType.empty(); 
      $.each(j, function() { 
      $subType.append($('<option></option>').attr("value", this.id).text(this.name)); 
      }); 

あなたの主な問題を、現在、次のとおりです。

• html関数は、sucess関数の外にあるため、1回だけ呼び出されます。
• Ajaxのデータ中の要素のキーIDと名前を持ってしていないoptionValueとoptionDisplay

更新：ザ・はJSONが無効で返さ

。文字列は一重引用符ではなく、二重引用符で囲む必要があります。その結果、getJSON()呼び出しが黙って失敗します。

Answer 2

問題は、ajax JSON呼び出しの直後に#sub_typeにhtmlを割り当てることです。あなたはこのようなAJAXコールバック関数でそれを割り当てる必要があります。

$("#type").change(function(){ 
    $.getJSON("ajax/add_subcathegory.php",{id: $(this).val(), ajax: 'true'}, function(j){ 
    var options = ''; 
    for (var i = 0; i < j.length; i++) { 
     options += '<option value="' + j[i].id + '">' + j[i].name + '</option>'; 
    } 
    $("#sub_type").html(options); 
    });  
});