javascript - HTML DOM Javascript 不工作？

Question

我有一个下拉菜单，单击该菜单可成功更改图像的缩略图。但是，我还需要 <p>要更改的文本。我查看了 W3Schools，但仍然无济于事。这是我的代码。

<p id="caption"></p>
<select name="woodType" id="woodType" onChange="changeThumbnail();changeCaption(this);">

<script>
    function changeCaption(selTag) {
        var caption = selTag.options[selTag.selectedIndex].text;
        document.getElementById("caption").text = "Wood: " + caption;
    }
</script>

文本不会改变。

Answer 1

尝试以下操作:

 <script>
     function changeCaption(selTag) {
         var caption = selTag.value;
         document.getElementById("caption").innerHTML = "Wood: " + caption;
     }
 </script>

你应该使用 innerHTML属性设置或返回 <p> 的文本元素。