Javascript 表单操作重写onClick函数

我有一个表单，里面有按钮，当你点击按钮时，它应该做两件事，1。张贴在屏幕上显示元素的按钮值和2。触发一些JS，使第二个元素出现在屏幕上。应该与onClick事件一起出现的元素会在一瞬间弹出，但随后消失，而应该作为post结果出现的元素会一直保留

<form action="index.php" method="post">
    <button 
        onclick="showDowntown()" 
        name="departmentbutton"
        type="submit" 
        value="601"
    >
        601
    </button>

---

您可以通过getdocumentbyid（“id”）.value获得id为的值，并使用javascript通过如下形式的id（“formid”）提交表单。submit（）

---

在提交表单时，不要忘记删除按钮type=submit

。你需要阻止那件事。尝试将

type=“submit”

更改为

type=“button”

，这可能是因为页面正在重新加载以将值发布到页面，这将重置显示。考虑使用jQuery AJAX，在不重载的情况下发布到页面。我倾向于同意@ J08691，类型<代码>按钮< Sub>代码>的默认操作是在单击时提交表单。因此OP必须防止默认操作发生，在JavaScript@j08691问题是我需要提交表单数据，以便在PHP中使用value标记搜索数据库并显示结果。如果我将类型更改为button，它将不再这样做。除非使用AJAX将表单数据传递给服务器上的脚本以更新数据库，否则可以同时使用这两种方式。提交表单将重新加载页面，除非您停止它。

function showDowntown() {
    var x = document.getElementById("Downtown");

    if (x.style.display === "") {
        x.style.display = "block";
    } else {
        x.style.display = "";
    }
}