Javascript 当文本输入更改时禁用选择框_Javascript_Html

Javascript 当文本输入更改时禁用选择框

javascript html

Javascript 当文本输入更改时禁用选择框,javascript,html,Javascript,Html,我有一个表单，其中有一个动态创建的选择框，还有两个输入，类型为文本当id为FirstName的输入文本从空白变为空白时，我将尝试禁用选择框。我想我已经接近了，但我的功能似乎不起作用我为所有的noob问题感到抱歉。我试着先弄清楚它，尝试许多不同的想法，然后如果失败了，我会做很多研究，然后当我放弃的时候，我来到这里……哈哈，这个地方是一个伟大的知识来源我希望有一天我能帮上忙。已尝试输入和onchange，但无法启动我的函数。和往常一样，chrome调试器是完全满足的我没有显示选择框的代码，只

我有一个表单，其中有一个动态创建的

选择框

，还有两个

输入

，类型为

文本

当id为FirstName的输入文本从空白变为空白时，我将尝试禁用选择框。我想我已经接近了，但我的功能似乎不起作用

我为所有的noob问题感到抱歉。我试着先弄清楚它，尝试许多不同的想法，然后如果失败了，我会做很多研究，然后当我放弃的时候，我来到这里……哈哈，这个地方是一个伟大的知识来源

我希望有一天我能帮上忙。已尝试输入和

onchange

，但无法启动我的函数。和往常一样，chrome调试器是完全满足的

我没有显示选择框的代码，只是知道它的ID是“常客”

函数regcheck（）{
如果document.getElementById（'FirstName'）。值=“”{
document.getElementById（'regulars'）。disabled=false；
}否则{
document.getElementById（'regulars'）.disabled=true；
};
}

函数regcheck（）{
if（document.getElementById（'FirstName'）。值=“”）{
document.getElementById（'regulars'）。removeAttribute（'disabled'）；
}否则{
document.getElementById（'regulars'）.setAttribute（'disabled'，'disabled'）；
};
}


沃尔沃汽车
萨博
梅赛德斯
奥迪

函数regcheck（）{
if（document.getElementById（'FirstName'）。值=“”）{
document.getElementById（'regulars'）。removeAttribute（'disabled'）；
}否则{
document.getElementById（'regulars'）.setAttribute（'disabled'，'disabled'）；
};
}


沃尔沃汽车
萨博
梅赛德斯
奥迪

正如评论所说。代码中唯一缺少的是条件中的括号。正因为如此，它抛出了一个错误


函数regcheck（）{
if（document.getElementById（'FirstName'）。值==“”）{
document.getElementById（'regulars'）。disabled=false；
}否则{
document.getElementById（'regulars'）.disabled=true；
};
}
沃尔沃汽车
萨博
梅赛德斯
奥迪

正如评论所说。代码中唯一缺少的是条件中的括号。正因为如此，它抛出了一个错误


函数regcheck（）{
if（document.getElementById（'FirstName'）。值==“”）{
document.getElementById（'regulars'）。disabled=false；
}否则{
document.getElementById（'regulars'）.disabled=true；
};
}
沃尔沃汽车
萨博
梅赛德斯
奥迪

有时，动态更改文档中的DOM时，它通常不起作用。

尝试使用Jquery“on”函数。它可能会起作用。

有时，动态更改文档中的DOM时，它通常不起作用。

尝试使用Jquery“on”函数。它可能会起作用。

正如其他人所说，示例中缺少您的常客复选框和括号。这可能会奏效

<html>
<body>
<form action="/action_page.php">
    <input type="text" name="FirstName" id = "FirstName" value="" oninput="regcheck()";><br>
    <input type="text" name="FirstSong#" value="">
    <input type="checkbox" id='regulars' checked>regulars<br>
    <input type="submit" value="Submit">
</form>
<script>
  function regcheck(){
      if (document.getElementById('FirstName').value == "") {
          document.getElementById('regulars').disabled = false;
      }else{
          document.getElementById('regulars').disabled = true;
      };
  }
</script>
</body>




常客

函数regcheck（）{
if（document.getElementById（'FirstName'）。值==“”）{
document.getElementById（'regulars'）。disabled=false；
}否则{
document.getElementById（'regulars'）.disabled=true；
};
}

另外，最好将JavaScript放在页面的末尾，使其能够与呈现的Dom一起工作，因为其他人说示例中缺少了常规复选框和括号。这可能会奏效

<html>
<body>
<form action="/action_page.php">
    <input type="text" name="FirstName" id = "FirstName" value="" oninput="regcheck()";><br>
    <input type="text" name="FirstSong#" value="">
    <input type="checkbox" id='regulars' checked>regulars<br>
    <input type="submit" value="Submit">
</form>
<script>
  function regcheck(){
      if (document.getElementById('FirstName').value == "") {
          document.getElementById('regulars').disabled = false;
      }else{
          document.getElementById('regulars').disabled = true;
      };
  }
</script>
</body>




常客

函数regcheck（）{
if（document.getElementById（'FirstName'）。值==“”）{
document.getElementById（'regulars'）。disabled=false；
}否则{
document.getElementById（'regulars'）.disabled=true；
};
}

另外，最好将JavaScript放在页面的末尾，以使其与呈现的Dom一起工作

不要忘记在if语句周围放（）不要忘记在if语句周围放（）id规则。不要忘记在if语句周围放（）id规则。此外，没有id规则请解释您的答案。问题没有太大区别

select.disabled

是完全有效的：这很好用，但我被代码搞糊涂了。为什么禁用，禁用，而不仅仅是禁用。。我打算去摆弄它，读一读关于setAttribute方法的书，我到现在还不知道它的存在……tysmOK做了一些研究，实际上我很高兴了解了这个方法。因此，如果我没有弄错的话，disabled在那里有两次，因为第二次禁用实际上是禁用第一次禁用，这是元素的当前属性…哈哈，我希望这是对的。@TotalNoob html属性既有键也有值

removeAttribute

方法接受一个参数，它是您想要的属性的键移除但

setAttribute

方法接受2个参数第一个是您要设置的属性的键，第二个是该属性的值请解释您的答案。问题没有太大区别

select.disabled

removeAttribute

方法接受一个参数，它是您想要的属性的键remove but

setAttribute

方法接受2个参数第一个参数是要设置的属性的键，第二个参数是该属性的值jquery不是所有问题的答案jquery不是answ