显示 JavaScript 组合框中选择的内容



好吧,我对JavaScript和编程很陌生,所以我得到了这种并不难的任务,但我仍然无法理解。。。我需要在表单中制作组合框,并在表单外创建一个div。然后我需要JS函数,它将显示我从组合框中选择了什么

<script>
function omiljeniFilm(){
var lista=document.getElementById("lista");
var ispis=lista.options[lista.selectedIndex].text;
document.getElementById("omiljeni").value=ispis;
}
</script>
<body>
<form>
Izaberi omiljeni film:
<select id="lista" onchange="omiljeniFilm();">
<option>Gospodar prstenova</option>
<option>Hari Poter</option>
<option>Pobesneli Maks</option>
<option>Titanik</option>
</select>    
</form>
<div id="omiljeni">
</div>
</body>

我使用了与之前编写的函数相同的函数来完成非常相似的赋值,该函数将选择的单词添加到表单输入元素中,但它不适用于表单外的这个div…

您需要两次更改

  • 要获取select值,请使用value属性
  • 要设置div文本,请使用innerText属性

函数为:

function omiljeniFilm(){
var lista=document.getElementById("lista");
document.getElementById("omiljeni").innerText=lista.value;
}

最新更新