窗體內具有onclick事件的普通Button不起作用

Question

我試圖添加一個公式內。 此按鈕與每個onclick事件的javascript連接。

所以我做了以下事情：

<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<div id="table_output"></div>
<legend>Behandlungstremin</legend>
<button name="add_termin" id="add_termin" onclick="add_termin()">+ Termin</button>
</fieldset>
<br>
<input type="submit" class="submit" value="Rechnug erstellen" name="submit" id="submit">
</div>
<script>
    function add_termin() {
    document.getElementById("table_output").innerHTML = "Hello World";
    }
</script>
</form>
</body>
</html>

如果我在瀏覽器中運行此代碼，則“ secret”后“ Hello World”文本消失。

有誰能夠幫助我？

Answer 1

嘗試這個：

<!DOCTYPE html>
<html>
<body>
    <form>
        <fieldset>
            <div id="table_output">hgfdx</div>
            <legend>Behandlungstremin</legend>
            <button name="add_termin" id="add_termin" onclick="addTermin()" type="button">+ Termin</button>
        </fieldset>
        <br>
        <input type="submit" class="submit" value="Rechnug erstellen" name="submit" id="submit">
    </form>
    <script>
        function addTermin()
        {
            document.getElementById("table_output").innerHTML="Hello World";
        }
    </script>
</body>
</html>

您錯過了type =“ button”屬性。

窗體內具有onclick事件的普通Button不起作用

問題描述

1 個解決方案

解決方案1
2 已采納 2015-06-20 16:05:23

窗體內具有onclick事件的普通Button不起作用

問題描述

1 個解決方案

解決方案1 2 已采納 2015-06-20 16:05:23

解決方案1
2 已采納 2015-06-20 16:05:23