jQuery使用页面刷新更改html元素样式

Question

我在表单中有两个按钮，我想保持一个隐藏，直到另一个被点击。需要单击的按钮是搜索按钮，页面需要刷新才能显示结果（使用PHP） 我知道绝对没有任何关于jQuery的东西，所以我用谷歌搜索并在这里找到代码。

    <script>
function showButton() { document.getElementById("b1").style.display = "block";event.preventDefault(); }
</script>

现在，当单击搜索按钮时，会出现另一个按钮，但event.preventDefault();会阻止加载页面。还尝试return:false;并发生同样的问题。如何在显示按钮的同时刷新页面？

如果有一种方法可以使用PHP，那也很棒。感谢。

Answer 1

您不必使用javascript。只需在php变量中传递一个值，如下所示

$xyz=0;
    if(isset($_POST['search'])){
       $xyz = 1;
    }

在按钮中使用php编写内联css

    If($xyz==1){ echo 'style="display:block;"'; }
else { echo 'style="display:none;"'; }

Answer 2

event.preventDefault();//prevents any post back

如果您在页面中回发，请删除此行代码

Answer 3

你尝试过使用ajax吗？这样可以完成您想要的更新。使用onsuccess事件处理程序查看ajax以显示按钮。 See here 除非有一个任务关键原因，页面必须刷新。我知道一些用户（取决于表单的目的）不喜欢刷新页面只是为了显示一个按钮。