这是选择 block :
<form>
<select id="select">
<option disabled selected value="choose">
CHOOSE
</option>
<option value="i2g" id="i2g">
iPhone 2g
</option>
<option value="i3g" id="i3g">
iPhone 3g
</option>
</select>
<button onclick="func1()" type="button">
GO
</button>
</form>
表格内容如下:
<table id="iphone1g" border="1">
<tr>
<td id="itable1">
1
</td>
<td id="itable2">
2
</td>
</tr>
</table>
这是javascript:
<script>
var x = document.getElementById("i2g")
var y = document.getElementById("i3g")
var m = document.getElementById("itable1")
var n = document.getElementById("itable2")
function func1(){
if (x.selected = "true"){
m.innerHTML = "hello"
}
if (y.selected = "true"){
m.innerHTML = "adele"
}
}
</script>
这是行不通的。我只能选择整个选择中的一个选项,它只能是最后一个。
最佳答案
单个相等用于赋值而不是比较,您应该使用 == 或 === 来检查是否选择了这些值。
您还尝试检查字符串值是否为 true,而不是 bool 值 true(.selected 返回 true 或 false 而不是“true”或“false”)
有了这两个更改,它应该可以工作。
var x = document.getElementById("i2g")
var y = document.getElementById("i3g")
var m = document.getElementById("itable1")
var n = document.getElementById("itable2")
function func1(){
if (x.selected === true){
m.innerHTML = "hello"
}
if (y.selected === true){
m.innerHTML = "adele"
}
}
关于javascript - 根据选择选项更改表格单元格内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34753430/