如何创建组合框并使用Javascript显示其值

时间:2018-11-04 18:21:08

标签: javascript

我对此并不陌生,在我正在做的课程中我需要这个。这听起来像:创建一个组合框。创建一个具有任意ID的元素div。创建组合框后,定义将调用该函数的事件。该函数必须包含以下代码:在修改从下拉列表中选择的元素时,它将在我们使用任意ID进行的div内写入值。

对不起,这是我第一次使用stackoverflow。 Towkir你是你绝对正确。我已经尝试过了,但是从这里开始,我被卡住了

html>
<body>

<form>
  <select id="mySelect" onchange="myFunction()">
    <option>Apple</option>
    <option>Orange</option>
    <option>Pineapple</option>
    <option>Banana</option>
  </select>
</form>
<div id="demo"><p></p></div>

<script>
function myFunction() {
    var x = document.getElementById("mySelect");
    var i = x.selectedIndex;
    document.getElementById("demo").firstChild.innerHTML; = x.options[i].text;
}
</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

尝试

function myFunction() {
  var x = document.getElementById("mySelect");
  var i = x.selectedIndex;
  document.getElementById("demo").firstChild.innerHTML = x.options[i].text;
}