我可以在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') {