Javascript 选择菜单不更改。css

Javascript 选择菜单不更改。css,javascript,jquery,html,css,Javascript,Jquery,Html,Css,HTML: CSS: 当我在下拉菜单中将颜色从红色改为蓝色时,我不明白为什么H1CSS没有改变。也许一个案例陈述可以解决我的问题?x='red'将'red'赋值给x(蓝色也是如此)。您想将x与'red'(或'blue')进行比较 绑定事件侦听器的另一种方法(在fiddle中工作): 我忘了您正在使用jQuery。这让一切变得简单多了。看。x='red'将'red'分配给x(蓝色也是一样)。您想将x与'red'(或'blue')进行比较 绑定事件侦听器的另一种方法(在fiddle中工作): 我忘

HTML:

CSS:


当我在下拉菜单中将颜色从红色改为蓝色时,我不明白为什么H1CSS没有改变。也许一个案例陈述可以解决我的问题?

x='red'
'red'
赋值给
x
(蓝色也是如此)。您想将
x
'red'
(或
'blue'
)进行比较

绑定事件侦听器的另一种方法(在fiddle中工作):


我忘了您正在使用jQuery。这让一切变得简单多了。看。

x='red'
'red'
分配给
x
(蓝色也是一样)。您想将
x
'red'
(或
'blue'
)进行比较

绑定事件侦听器的另一种方法(在fiddle中工作):


我忘了您正在使用jQuery。这让一切变得简单多了。看。

x='red'
'red'
分配给
x
(蓝色也是一样)。您想将
x
'red'
(或
'blue'
)进行比较

绑定事件侦听器的另一种方法(在fiddle中工作):


我忘了您正在使用jQuery。这让一切变得简单多了。看。

x='red'
'red'
分配给
x
(蓝色也是一样)。您想将
x
'red'
(或
'blue'
)进行比较

绑定事件侦听器的另一种方法(在fiddle中工作):

我忘了您正在使用jQuery。这让一切变得简单多了。看

而不是

   if(x == 'red')
注意:
==
优于
=
,因为它是严格等价的

而不是

   if(x == 'red')
注意:
==
优于
=
,因为它是严格等价的

而不是

   if(x == 'red')
注意:
==
优于
=
,因为它是严格等价的

而不是

   if(x == 'red')


注意:
===
=
好,因为它是一个严格的等价物

@user1839601接受答案,如果它有助于您等待5分钟:PI只想指出,在JSFIDLE内部,这是不够的,因为向select添加onchange属性会导致“未定义”错误(看来js是在html之后运行的).所以您必须将其绑定到js中,请参阅。这一点仅与JSFIDLE相关,但值得注意的是,我think@user1839601如果需要等待5分钟,请接受答案:PI只是想指出,在JSFIDLE内部,这是不够的,因为向select添加onchange属性会导致“未定义”错误(看来js是在html之后运行的).所以您必须将其绑定到js中,请参阅。这一点仅与JSFIDLE相关,但值得注意的是,我think@user1839601如果需要等待5分钟,请接受答案:PI只是想指出,在JSFIDLE内部,这是不够的,因为向select添加onchange属性会导致“未定义”错误(看来js是在html之后运行的).所以您必须将其绑定到js中,请参阅。这一点仅与JSFIDLE相关,但值得注意的是,我think@user1839601如果需要等待5分钟,请接受答案:PI只是想指出,在JSFIDLE内部,这是不够的,因为向select添加onchange属性会导致“未定义”错误(看来js是在html之后运行的)。因此,您必须将其绑定到js中,请参阅。这一点仅与JSFIDLE相关,但值得注意。我认为接受答案,如果它在这种情况下对您有帮助,
===
并不更好。接受答案,如果它在这种情况下对您有帮助,
===
也不更好。接受答案,如果它在这种情况下对您有帮助,
===
也不更好在这种情况下。接受答案,如果它对你有帮助,
==
在这种情况下并不更好。
var select = document.getElementById('my-select-element');
select.onchange = function() {
  setval(select);
};
   if(x === 'red')
   if(x == 'red')
if(x = 'red')