function selectFunction(letter){
document.getElementById("select").innerHTML = "Selection is : " + letter;
}<html>
<head>
<title>Event on list of elements</title>
</head>
<body>
<div id="select">
<form>
<select onchange="selectFunction(this.value)">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
</select>
</form>
</div>
</body>
</html>我是java脚本的新手，我在这里需要做的是，当单击其中一个选项时，结果位于同一页面上，并且每次单击另一个字母页面时都会显示一个新结果。我不知道该怎么做。我尝试执行 .innerHTML+= 但这显示了一堆结果，我想要一个干净的页面。
最佳答案
不确定问题是什么，是否是因为当 select div 填充了字母选择时 select 元素丢失了？
如果是这样，您可以有一个专用元素来存储选择:
<div id="select">
<div id="result">Selection will appear here</div>
<form>
<select onchange="selectFunction(this.value)">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
</select>
</form>
<script type="text/javascript">
function selectFunction(letter){
document.getElementById("result").innerHTML = "Selection is : " + letter;
}
</script>
</div>
将值添加到您的选项中也可能很方便，例如
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
最后，添加一个空选项，因为更改事件不适用于 A，因为它是第一个选项，您必须选择另一个选项，然后选择 A 再次。
<option value="">Select letter:</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
关于javascript - 如何在同一页面显示结果？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60173667/