javascript - 如何在 Javascript 中的独立 div 中显示组合框的内容？

Question

所以，我想做的是创建一个组合框，向它添加一个“点击”事件，然后在一个独立的 div（在 HTML 中）中显示该组合框的值。

我尝试了不同的东西，这是我被困在自动取款机上的东西。我应该尝试不同的东西还是我在这里遗漏了什么？提前致谢！

<div id="view"><p></p></div>  
<select name="heroes" id="heroes">  
  <option value="mario">Mario</option>
  <option value="sonic">Sonic</option>
  <option value="link">Link</option>
  <option value="crash">Crash Bandicoot</option> 
</select>
        

<script>
    document.getElementById("heroes").addEventListener("click" function() {
        var combo = document.getElementById("heroes");
        var i = combo.selectedIndex;
        document.getElementById("view").firstChild.innerHTML = combo.options[i].text;
    });
</script>

标签： javascripthtmlcombobox

Answer 1

您似乎忘记了addEventListener参数之间的逗号。

document.getElementById("heroes").addEventListener("click", function() {
    var combo = document.getElementById("heroes");
    var i = combo.selectedIndex;
    document.getElementById("view").firstChild.innerHTML = combo.options[i].text;
});

<div id="view"><p></p></div>
<select name="heroes" id="heroes">
  <option value="mario">Mario</option>
  <option value="sonic">Sonic</option>
  <option value="link">Link</option>
  <option value="crash">Crash Bandicoot</option>
</select>