使用数据库中的jQuery填充另一个下拉列表的一个下拉列表

时间:2011-12-22 16:29:02

标签: jquery json drop-down-menu

我是Java Servlets的新手。我有2个下拉菜单,比如A和B,我有这种情况,如果下拉列表A更改,而不重新加载页面,下拉列表B将填充或填充数据库中的数据。

我在这里看到了一个解决方案,据说这可以通过使用jQuery来完成。这是执行此操作的URL How to generate dynamic drop down lists using jQuery and jsp?

我在响应流上写了一个json字符串,但是当我使用alert(options);检查从它返回的值时,它返回null。 但是当它写入response.getWriter()。write(json); json的值不是空的 我不知道该怎么做。

2 个答案:

答案 0 :(得分: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));
            }
        );
    }

答案 1 :(得分: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
  }
});
});
相关问题