既存のajax json結果にデータを追加する方法

Question

私はlaravelを使用しています。カテゴリとサブカテゴリの2つのモデルを定義しました。 データを取得するには、私はajaxを使用しています。ここで

は私のコードです：

<div class="col-sm-9"> 
<div class="col-sm-6"> 
     {{ Form::select('category_id',[''=>'-select a category-']+$categories, null, ['class' => 'form-control','id'=>'category']) }} 
    </div> 
<div class="col-sm-6"> 
{{ Form::select('subcategory_id',[''=>'-select a Subcategory-'], null, ['class' => 'form-control','id'=>'subcategory']) }} 
           </div> 
          </div> 

は、これは私のスクリプト

<script> 
    $('#category').on('change',function(e){ 
     console.log(e); 
     var cat_id = e.target.value; 
     //ajax 

     $.get('/ajax-subcat?cat_id='+cat_id, function(data){ 
      //subcategory 
      $('#subcategory').empty(); 
      $.each(data,function(index, subcatObj){ 
$('#subcategory').append('<option value="'+subcatObj.id+'">'+subcatObj.name+'</option>'); 
      }) 
     }) 
    }); 

</script> 

ですここで私があれば、私はフロントエンドで今すぐカテゴリ

ROute::get("/ajax-subcat", function(){ 
$cat_id = Input::get('cat_id'); 
$subcategories = Subcategory::where('category_id',$cat_id)->get(); 

return Response::json($subcategories); 

}); 

からサブカテゴリを取得しています方法ですカテゴリドロップダウンからcat1を選択すると、サブカテゴリのドロップダウンリストで連続してsubcat1, subcat2,subcat3を出力できます選択されたカテゴリーを照会することによって。その上質で働きやすい。

カテゴリを選択すると、最初のサブカテゴリが自動的に選択されています。自動的にサブカテゴリが選択されないようにします。最初に、サブカテゴリを選択します。値はnullになり、サブカテゴリの残りの部分が表示されます。

助けが必要ですか？

Answer 1

希望これは、これは完璧ですし、私の問題が解決

<script> 
    $('#category').on('change',function(e){ 
     console.log(e); 
     var cat_id = e.target.value; 
     //ajax 

     $.get('/ajax-subcat?cat_id='+cat_id, function(data){ 
     //subcategory 
     $('#subcategory').empty(); 
     $('#subcategory').append($("<option></option>").val("").html("--Select Sub Category--")); 
     $.each(data,function(index, subcatObj){ 
     $('#subcategory').append('<option value="'+subcatObj.id+'">'+subcatObj.name+'</option>'); 
     }) 
    }) 
});