gpt4 book ai didi

javascript - 如何在不删除整个页面的情况下使用 javascript 向我的 html 添加内容

转载 作者:搜寻专家 更新时间:2023-10-31 21:59:41 25 4
gpt4 key购买 nike

我有一个小型计算器,我正在将其添加到我的 html 中。它有几个下拉菜单可供选择,当有人点击提交按钮时,我想在我的 html 中的计算器下方显示一张图片。我试过将 javascript 函数与: document.write() 一起使用,但这会清除整个页面。有没有一种方法可以让我运行一个 javascript 函数,它只在单击提交按钮时向我的页面添加图片?

这是我的代码的基本大纲,其中有我遇到问题的部分:

<html>

<head>
<script type="text/javascript">

function calc_rate() {

//code that displays a message after the submit button is hit
document.write("answer");
}

</script>

</head>
<body>


<table>


<tr>
<td class=rate_calc_label>Select Your Option Type:</td>
<td><select name="type1">
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
</select></td>
</tr>


<tr>
<td class=rate_calc_label>Select The Second Number:</td>
<td><select name="type2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select></td>
</tr>


<tr>
<td><input type="submit" value="Submit" name="calc_button" onclick="calc_rate()"/></td>
<td></td>
</tr>

</table>

</body>
</html>

是否可以使用某种内部 HTML?这是我在 stockoverflow 上从别人那里得到的,但我还是有点困惑

最佳答案

您的输出需要一个占位符元素。然后为该元素设置 innerHTML:

<div id='answer'></div>

然后:

document.getElementById('answer').innerHTML = "answer is:" + yourdata

关于javascript - 如何在不删除整个页面的情况下使用 javascript 向我的 html 添加内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11907053/

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