ajax呼び出し後に追加の入力を入力する

Question

私は選択入力を持っています。変更されたとき、それが呼び出し以下がトリガさ

$('#type').change(function() { 
    var selectedYear = $("#year option:selected").val(); 
    var selectedProduct = $("#product option:selected").val(); 
    var selectedType = $("#type option:selected").val(); 
    $.ajax({ 
     type: "get", 
     url: "./report", 
     data: { 
      year : selectedYear, 
      product : selectedProduct, 
      type : selectedType 
     } 
    }).done(function(data){ 
     var url = $('meta[name="base_url"]').attr('content'); 

     $('#displayImage').attr('src', ''); 
     $('#displayImage').attr('src', url + data); 
     $('#displayImage').css('display', 'block'); 
    }); 
}); 

URLは、本質的に画像のパスを持つアレイをfillws機能をトリガします。イメージ配列にデータが格納されたら、私は

if(!empty($imageArray)) { 
    return $imageArray; 
} 

私のajax呼び出しのdoneセクションに画像を表示します。配列が1つのイメージパスしか持たない場合、これはうまくいきます。しかし、配列内に複数の画像パスがある場合、適切な画像を選択できるように、追加の選択入力を表示する必要があります。

どうすればこのようなことが達成できますか？あなたは空の<を持っている必要があります

おかげ

Answer 1

は、再表示の準備ができ>を選択します。データを取得したら、このような選択を入力できます。

$.each($imageArray, function(key, value) { 
$('#myEmptyAndNowUnhiddenSelect') 
    .append($("<option></option>") 
    .attr("value",key) 
    .text(value)); 
});