<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>
<script type="text/javascript">
function selectFunction(letter){
document.getElementById("select").innerHTML = "Selection is : " + letter;
}
</script>
</div>
</body>
</html>
我是Java脚本的新手,在这里我需要做的是,当单击一个选项时,结果位于同一页面上,并且每次单击其字母页面时,都会显示一个新结果。我不知道该怎么做。我尝试做.innerHTML+=
,但是显示了很多结果,我想要一个干净的页面。
select
div中填充字母选择时select
元素丢失了吗?如果是这样,您可以有一个专用的元素来存储选择: