为什么这个小提琴不起作用:
<label>Change:</label>
<select name="list" id="list">
<option value="Test_a" selected>Test_a</option>
<option value="Test_b">Test_b</option>
<option value="Test_c">Test_c</option>
<option value="Test_d">Test_d</option>
</select>
<br/>1: <span name="result" class="result">Test_a</span>
<br/>2: <span name="result" class="result">Test_a</span>
<br/>3: <span name="result" class="result">Test_a</span>
<script>
var list1 = document.getElementById('list');
var tag1 = document.getElementsByClassName('result');
for (var i = 0; i < elems.length; i++) {
list1.onchange = function () {
tag1.innerHTML = this.value;
};
};
</script>
我希望能够更改所有三个spans
( class="result"
) 以显示下拉菜单选项的相同值。
如果我使用getElementById
并且只有一个span
结果,它工作正常id="result"
。