gpt4 book ai didi

javascript - 表单内带有 onclick 事件的普通按钮不起作用

转载 作者:行者123 更新时间:2023-11-30 16:47:58 26 4
gpt4 key购买 nike

我试图在公式中添加一个。此按钮与每个 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>

如果我在浏览器中运行此代码,Hello World 文本会在一秒钟后消失。

谁能帮帮我?

最佳答案

试试这个:

<!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" 属性..

关于javascript - 表单内带有 onclick 事件的普通按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30955985/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com