表单操作覆盖 onClick 函数

Question

I have a form with buttons in it and when you click on the button it is supposed to do two things, 1. post the button value which displays an element on the screen and 2. trigger some JS so that a second element will appear on the screen. The element that is supposed to appear with the onClick event pops up for a split second but then disappears while the element that is supposed to appear as a result of the post stays the whole time.

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

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

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

Answer 1

See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formaction

The URL that processes the information submitted by the button. Overrides the action attribute of the button's form owner. Does nothing if there is no form owner.

Answer 2

您可以通过getdocumentbyid（“ id”）。value获取具有ID的值，并使用javascript通过使用像这样的表单ID（“ formid”）。submit（）来提交表单。不要忘记删除按钮类型=提交