我有一个小计算器，我正在添加到我的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
