Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否根据选择选项更改表格单元格内容?_Javascript_Html_Css - Fatal编程技术网

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”
,但我认为即使这样也可能不正确。我建议使用
==
。我建议使用
=