这是我上一个问题的链接:使用 ajax 将 id name on click 传递给 php
我有三个选项卡,在点击时显示基于 ajax 的搜索结果。单击任何其他选项卡时,如何刷新选项卡(清除搜索结果)。比如说,我在 tab-1 中有搜索结果,然后单击 tab-2 或三个,我希望第一个选项卡返回其初始阶段,依此类推。
我尝试了向上滑动和 .hide 功能,但它们似乎对此不起作用。
有任何想法吗?
$("input[name='tab-group-1']").click(function() {
if ($("input[name='tab-group-1']:checked").val() == 'tab-1') {
$("#display_results_1").show();
$("#display_results_2").hide();
$("input[name='display_results_2']")
.attr("value", "");
$("#display_results_3").hide();
$("input[name='display_results_3']")
.attr("value", "");
}else if {
($("input[name='tab-group-1']:checked").val() == 'tab-2') {
$("#display_results_2").show();
$("#display_results_1").hide();
$("input[name='display_results_1']")
.attr("value", "");
$("#display_results_3").hide();
$("input[name='display_results_3']")
.attr("value", "");
}
else{
$("#display_results_3").show();
$("#display_results_1").hide();
$("input[name='display_results_1']")
.attr("value", "");
$("#display_results_2").hide();
$("input[name='display_results_2']")
.attr("value", "");
}
});