Question

下面是一个代码，它获取所选选项的值并显示div中的php文件。如何添加另一个文件和另一个div（secondfile）来显示？

$('#firstresult').empty().addClass("loading")
    .load(val + '.php', { value: val }, function(){
        $("#firstresult").removeClass("loading");
    }));
$('#secondresult').empty().addClass("loading")
    .load(val + 'b.php', { value: val }, function(){
        $("#secondresult").removeClass("loading");

Answer 1

在结果div中创建/追加div作为子节点并将内容从php脚本加载到它：

$(document).ready(function() {
  $('#termid').change(function() {
    var val = $(this).val();
    $('results').append('<div id="result' + val '"></div>');
    $('#result' + val).load(val + '.php',
    {
        value: val
    });
  });
});

未经测试

Answer 2

要显示加载图片，您可以在load()之前添加一个类，并在load()完成后删除。

<强> JS

对以$('#firstresult')和$('#secondresult')开头的行的更改。

$('#firstresult').empty().addClass("loading")
    .load(val + '.php', { value: val }, function(){
        $("#firstresult").removeClass("loading");
    }));
$('#secondresult').empty().addClass("loading")
    .load(val + '.php', { value: val }, function(){
        $("#secondresult").removeClass("loading");
    }));

<强> CSS

.loading { height:24px; background:#fff url('loading.gif') 50% 50% no-repeat; }

使用jQuery创建另一个div和变量onChange

2 个答案: