我可以在javascript的选择列表中使用onblur吗?
当我在选择列表中选择第一个选项以外的其他选项时,我希望星号被删除我可以在javascript的选择列表中使用onblur吗?,javascript,function,select,onblur,Javascript,Function,Select,Onblur,当我在选择列表中选择第一个选项以外的其他选项时,我希望星号被删除 函数opchk(){ if(document.getElementById(“ops”).value='Select size'){ document.getElementById(星号K9).style.display=“block”; } 否则{ document.getElementById(星号K9).style.display=“无”; } 我的错在哪里 尺寸: * 选择大小 5. 10 15 20 为了在if语句
函数opchk(){
if(document.getElementById(“ops”).value='Select size'){
document.getElementById(星号K9).style.display=“block”;
}
否则{
document.getElementById(星号K9).style.display=“无”;
}
我的错在哪里
尺寸:
*
选择大小
5.
10
15
20
为了在if语句中进行比较,必须使用=而不是=另外,不要忘记为您的函数添加一个结束括号。欢迎hannon Qaud 代码中有几个语法错误
函数opchk(){
//如果(document.getElementById(“ops”).value='Select size'){/,那么您最大的两个问题是opchk
函数缺少一个括号,并且在===
或==
上使用单个=
=
is将右侧的值分配给左侧的变量
=
正在松散地检查相等性(1等于1以及“1”)
=
正在检查是否严格相等(1等于1,但不是“1”)
函数opchk(){
if(document.getElementById(“ops”).value==='Select size'){
document.getElementById(“asterisk9”).style.display=“block”;
}
否则{
document.getElementById(“asterisk9”).style.display=“无”;
}
}
尺寸:
*
选择大小
5.
10
15
20
您只需更改一行,它就可以工作了
if (document.getElementById("ops").value == 'Select size') {
// Change this to like:
if (document.getElementById("ops").value == 'op1') {
它应该可以工作。整个过程中出现了一些错误。开始使用javascript可能会有点让人望而生畏,但使用console.log()确实有助于在代码崩溃之前查看代码的进展情况,或者了解是否有东西返回了您不期望的值。祝您好运
函数opchk(){
如果在选择列表中(document.getElementById(“ops”).value==“op1”){//将值设置为op1、op2等。因此,您应该使用这些值进行比较。此外,您还需要使用==或===来比较值,=用于设置事物的值。
document.getElementById(“asterisk9”).style.visibility=“visible”;//这是情境性的,但是使用“可见性”而不是“显示”将防止事情发生变化,因为元素仍然隐藏/可见。
}
否则{
document.getElementById(“asterisk9”).style.visibility=“hidden”;//当使用document.getElementById()选择id“asterisk9”时,它应该在引号中
}
}//缺少opck()的结束括号
尺寸:
*
选择大小
5.
10
15
20
请尝试缩进您的代码,这是一种很好的做法,可以使您的代码更易于阅读和查看文档。getElementById(“ops”)。value='Select size'
您的函数没有右括号。另外,请为选择器添加引号文档。getElementById(星号K9)
我投票结束这个问题,因为代码中到处都是错误,没有一个解决方案可以解决所有问题。
<div class="type1" id="top4">
<h>Size:</h>
<h class="astyle" id="asterisk9">*</h>
</div>
<select style="width:90px" id="ops" onblur="opchk()">
<option value="op1">Select size</option>
<option value="op2">5</option>
<option value="op3">10</option>
<option value="op4">15</option>
<option value="op5">20</option>
</select>
<script>
function opchk() {
if (document.getElementById("ops").value === 'Select size') {
document.getElementById("asterisk9").style.display = "block";
}
else {
document.getElementById("asterisk9").style.display = "none";
}
}
</script>
<div class="type1" id="top4">
<h>Size:</h>
<h class="astyle" id="asterisk9">*</h>
</div>
<select style="width:90px" id="ops" onblur="opchk()">
<option value="op1">Select size</option>
<option value="op2">5</option>
<option value="op3">10</option>
<option value="op4">15</option>
<option value="op5">20</option>
</select>
if (document.getElementById("ops").value == 'Select size') {
// Change this to like:
if (document.getElementById("ops").value == 'op1') {