データベースにあるjQueryを使用して別のドロップダウンの変更をドロップダウンします

Question

私はJavaサーブレットで初心者です。私は2つのドロップダウン、例えばAとBを持っていますが、ドロップダウンAが変わると、ページをリロードせずに、ドロップダウンBがデータベースからデータを埋め込むか、

ここで私はjQueryを使ってこれを行うことができるという解決策を見てきました。これは私が応答ストリームにJSON文字列を書いたが、私はalert(options);を使用して、それから返された値をチェックするとき、それはnullを返している。この How to generate dynamic drop down lists using jQuery and jsp?

を行うためのURLです。 しかし、response.getWriter（）。write（json）; jsonの値が空でない場合 私は何をすべきかわかりません。

Answer 1

私はあなたのコードについて正確にわからないが、あなたのような何かを行うことができます。

$('#drop_down_1_id').change(function(){ 
var drop_down_1_value = $(this).options[$('#drop_down_1_id').selectedIndex]; 
$.ajax({ 
    type: 'GET', 
    url : 'url', 
    data : 'value='+drop_down_1_value, 
    dataType : 'json', 
    success: function(data){ 
    $('#drop_down_2_id').html(''); 
    $(data).each(function(value){ 
     $('#drop_down_2_id').append('<option value="'+value+'">'+value+'</option>'); 
    }); // you can change this loop as per your response data type 
    } 
}); 
}); 

Answer 2

function CallBack(data) { 
     var obj = data; 
     var id = ""; 
     var value = ""; 
     $.each(data, 
      function (index, item) { 
       id = item.Id; 
       value = item.Value; 
       $('#ProductId') 
       .append($("<option></option>") 
       .attr("value", id) 
       .text(value)); 
      } 
     ); 
    }