Question

我有一个带有下拉菜单的页面，在选择后，使用AJAX调用创建一个新元素（一个表）。 Firebug在行动中显示了这一点：

获取http://www.site.com/page.php?q=category

实际代码是：

select name="category" id="category" onchange="load(this.value)

但是，除了创建一个新表之外，我还希望它能够销毁/不显示已经在页面上的另一个表。该表具有 class =“table2”id =“PR”。我在上面的select标签中添加了哪些附加代码？感谢

Answer 1

尝试以下方法：

$('#PR').remove();

但也许你需要创建一个函数来调用onchange：

function mychange(event)
{
  load( event.currentTarget.value );
  $('#PR').remove();
}

select name="category" id="category" onchange="mychange(event)"

Answer 2

我会改变它，所以你有这个代码：

$(function() {
    $('#category').change(function() {
         load($(this).val());
         $('#PR').hide(); // or .remove() if you want to completely remove it;
    });
});

然后，您可以通过jquery事件从select标签中删除onchange。

Answer 3

没有jQuery试试：

onchange="load(this.value); document.getElementById('table1').style.display='none';"

如何在AJAX调用中隐藏元素？

3 个答案: