Question

我不知道如何制作下一个：我希望当有人从组合框中选择项目时，该项目会显示在div。

中

我需要做什么？

<body>
<h1>VEZBA STRUKTURA</h1>
<div id="prvi"></div>
	<select name="automobili" id="automobili">
		<option value="1">BMW</option>
		<option value="2">AUDI</option>
		<option value="3">OPEL</option>
		<option value="4">FERARI</option>
		<option value="5">SKODA</option>
		<option value="6">HJUNDAI</option>	
	</select>

<script>
</script>
</body>

Answer 1

您需要附加一个事件侦听器，该事件侦听器在select的值发生更改时执行：

automobili.addEventListener('change', function() {
  prvi.innerHTML = automobili.selectedOptions[0].textContent
})

<h1>VEZBA STRUKTURA</h1>
<div id="prvi"></div>
<select name="automobili" id="automobili">
  <option value="1">BMW</option>
  <option value="2">AUDI</option>
  <option value="3">OPEL</option>
  <option value="4">FERARI</option>
  <option value="5">SKODA</option>
  <option value="6">HJUNDAI</option>	
</select>

用JS显示所选选项

1 个答案: