根据选定的选项javascript动态更改跨度文本

Question

我试图根据选择的选项来动态更改跨度的文本。 PS：我正在使用Django + Python生成选项

这是我的代码：

<select class="form-control" id="materials">
    {% for material2 in materials %}
        <option value="{{ material2.name }}">{{ material2.name }}</option>
    {% endfor %}
</select>
<span id="material_display></span>

我尝试过：

var selected_material = document.getElementById("materials").value;
document.getElementById("material_display").innerTEXT = selected_material

但是那没有解决。

Answer 1

是innerText，不是innerTEXT，并且您的id的{​​{1}}没有正确关闭；您在span的左侧只有一个引号，而在id的右侧则缺少引号。

您还需要将函数附加到id的事件处理程序，例如onchange。

select