Javascript 是否根据选择选项更改表格单元格内容?
以下是选择块:Javascript 是否根据选择选项更改表格单元格内容?,javascript,html,css,Javascript,Html,Css,以下是选择块: <form> <select id="select"> <option disabled selected value="choose"> CHOOSE </option> <option value="i2g" id="i2g">
<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>
选择
iphone2g
iphone3g
去
以下是表格内容:
<table id="iphone1g" border="1">
<tr>
<td id="itable1">
1
</td>
<td id="itable2">
2
</td>
</tr>
</table>
1.
2.
下面是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>
var x=document.getElementById(“i2g”)
var y=document.getElementById(“i3g”)
var m=document.getElementById(“itable1”)
var n=document.getElementById(“itable2”)
函数func1(){
如果(x.selected=“true”){
m、 innerHTML=“你好”
}
如果(y.selected=“true”){
m、 innerHTML=“adele”
}
}
它不起作用。我只能选择整个选择中的一个选项,它只能是最后一个。单个相等用于赋值而不是比较,您应该使用==或===检查这些值是否被选中 您还尝试检查字符串值true,而不是布尔值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"
}
}
Single equal用于赋值而不是比较,您应该使用==或===检查是否选择了这些值 您还尝试检查字符串值true,而不是布尔值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"
}
}
首先,要比较java脚本中的两个对象,应该使用
=
而不是=
此外,您应该按照中的说明从SELECT中检索所选值。首先,要比较java脚本中的两个对象,您应该使用
=
而不是=
此外,您应该按照中的说明从SELECT中检索所选的值。好的,让我们对此进行分解。首先,您缺少很多分号
代码>。其次,您需要使用=
来比较if语句内部,而不仅仅是=
。第三,通过检查所述选择的值,而不是每个单独的选项,通常更容易检查选择的值
下面是一些工作代码和一个示例
好吧,让我们把它分解一下。首先,您缺少很多分号代码>。其次,您需要使用=
来比较if语句内部,而不仅仅是=
。第三,通过检查所述选择的值,而不是每个单独的选项,通常更容易检查选择的值
下面是一些工作代码和一个示例
代码有很多错误,但最大的问题是您将“true”赋值给y.selected
,然后将其视为“truthy”(赋值返回赋值)。您打算使用的是y.selected==“true”
,但我认为即使这样也可能不正确。代码有很多错误,但最大的问题是您将“true”赋值给y.selected
,然后将其视为“truthy”(赋值返回指定的值)。您打算使用的是y.selected==“true”
,但我认为即使这样也可能不正确。我建议使用==
。我建议使用=
。