为提交按钮添加onclick功能

Question

有没有一种方法可以添加onclick功能<input type="submit">？我想<div>在表单中单击“提交”按钮时显示一个名为“ div2” 的隐藏文件。

Answer 1

请记住，您需要停止单击“提交”按钮的默认行为，否则，将显示表单，并且将div显示新页面，然后将加载新页面。例如：

    <script type="text/javascript">
        function showDiv() {
            document.getElementById('div2').style.display = 'block';
            return false;
        }
    </script>

    <div id="div2" style="display: none;">Visible</div>
    <form name="test_form" action="#">
         <input type="submit" onclick="return showDiv();" value="Submit" />
    </form>

使用此代码，现在将不提交表单，并且div将显示。如果随后要提交表单，则需要更改showDiv()为return true，使用另一个提交按钮或调用submit()表单的方法。