Javascript 为提交按钮添加onclick功能

有没有办法将

onclick

函数添加到

？我想在表单中单击提交按钮时显示名为“div2”的隐藏

。

<script type="text/javascript">
    function clicked() {
        alert('clicked');
    }
</script>

<input type="submit" onclick="clicked();" value="Button" />

函数单击（）{
警报（“点击”）；
}

假设您的隐藏DIV（名为“div2”）由于其style.display设置为“none”而被隐藏：

<input type="submit" value="Submit" onclick="document.getElementById('div2').style.display = '';">

如果您没有使用按钮提交表单，我建议您使用：

<input type="button" id="showDiv" value="show div" />

---

请记住，您需要停止单击提交按钮的默认行为，否则将提交表单，并在显示

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>

函数showDiv（）{
document.getElementById（'div2'）.style.display='block'；
返回false；
}
看得见的

---

使用此代码，现在将不提交表单，并显示

div

。如果以后要提交表单，则需要更改

showDiv（）

以返回

true

，使用另一个提交按钮或调用表单的

submit（）

方法。

我已经处理了一段时间。我找到了一个非常简单的方法！这是：

<?php
function test()
{
print "HI!" ;
}
?>

<form action="index.html" method="post">
<input type="submit" value="Reset" name="reset" >
<?php
if ($_POST["reset"]= Reset) test() ?>
</form>

这不是真的，因此它不会执行函数测试（）

如果您按下按钮，它会将您发送到相同的站点，为$\u post提供功能

如果您按下按钮，您将看到：

if ( Reset = Reset ) test()

---

这是真的。并将打印嗨

您应该知道，单击

Submit

按钮后，浏览器将开始加载新页面。。您对当前页面所做的任何更改都将丢失。您能解释一下为什么要在加载新页面之前的短暂时间内显示隐藏的

？@jnpcl-onclick of submit按钮浏览器不会加载另一个页面，因为我没有在表单声明中添加action=”“。我想显示一个隐藏的div，因为submit按钮要提交的值将被抛出到显示的div。那么为什么要使用

submit

？为什么不仅仅是

按钮

？为了阻止表单提交，您需要在

中写入，并且需要使用

表单.submit（）通过JS手动执行提交
if ( = Reset) test() 

if ( Reset = Reset ) test()