Как скрыть элемент при вызове AJAX?

Question

У меня есть страница с выпадающим меню, и после выбора она создает новый элемент (таблицу) с помощью вызова AJAX.Firebug показывает это на действии:

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

Фактический код для этого:

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

Однако, в дополнение к этомусоздавая новую таблицу, я бы хотел, чтобы она уничтожала / не отображала другую таблицу, которая уже есть на странице.Таблица имеет class = "table2" id = "PR" .Какой дополнительный код я вставлю в этот тег выбора выше?Спасибо

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;
    });
});

Затем вы можете удалить onchange из тега select, когда он подключен через событие jquery.

Answer 3

Без jQuery попробуйте:

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