使用相同的div #id查询2个mysql表

时间:2014-11-19 20:33:45

标签: javascript jquery

只是一个普遍的问题。我有查询db的代码并将结果返回到下拉列表中。我需要做的是使用相同的div #id查询2个不同的表。例如,在我附加的代码中,您将看到它使用相同的选择器。是否可以查询2个表并将结果返回到2个不同的div#id,如我的例子所示。非常感谢。

$(function() {
  $("#dstr_dept").change(function() {
    $(this).after('<div id="loader"><imgages src="img/loading.gif" alt="loading files" /></div>');
    $.get('loadboxAdrDstrsubcat.php?dstraddr=' + $(this).val(), function(data) {
      $("#dstr_address").html(data);
      $('#loader').slideUp(200, function() {
        $(this).remove();
        $("#dstr_address").trigger("chosen:updated");
      });
    });
  });
});

$(function() {
  $("#dstr_dept").change(function() {
    $(this).after('<div id="loader"><imgages src="img/loading.gif" alt="loading files" /></div>');
    $.get('loadboxDstrsubcat.php?dstrdept=' + $(this).val(), function(data) {
      $("#box_dstr").html(data);
      $('#loader').slideUp(200, function() {
        $(this).remove();
        $("#box_dstr").trigger("chosen:updated");
      });
    });
  });
});

1 个答案:

答案 0 :(得分:1)

像这样 -

$(function() {
  $("#dstr_dept").change(function() {
    $(this).after('<div id="loader"><img src="img/loading.gif" alt="loading files" /></div>');
    $.get('loadboxAdrDstrsubcat.php?dstraddr=' + $(this).val(), function(data) {
      $("#dstr_address, #box_dstr").html(data);
      $('#loader').slideUp(200, function() {
        $(this).remove();
        $("#dstr_address, #box_dstr").trigger("chosen:updated");
      });
    });
  });
});

注意如何组合选择器。虽然您可以在一次更改事件下运行多个$.get()语句,但我看不到对两个不同查询的请求。