如何在页面加载时使提交按钮保持禁用状态答案

【问题标题】：How to make Submit button stay disable when page loads如何在页面加载时使提交按钮保持禁用状态
【发布时间】：2016-06-08 15:56:09
【问题描述】：

好的，所以我已经设法用这个表格完成了大部分我想做的事情，但是在拼图中缺少一件事。我有一个下拉表格，要求您选择许多不同的选项。但是，我有一个选项，即页面加载时显示的“--选择一个选项--”，它在选择时禁用提交按钮，但在页面加载时不会禁用它，即自动选择的选项，如果有意义的话。如何在页面加载时自动禁用提交按钮？

function selectChanged() {
  attacks = document.getElementById("attacks");
  if (attacks.value == "not_valid") {
    document.getElementById("sbattle").disabled = true;
  } else {
    document.getElementById("sbattle").disabled = false;
  }
}

<form>
  <select name="attacks" id="attacks" value="Select" onchange="selectChanged()">
    <option value="not_valid">-- select an option --</option>
    <option value="example1">example 1</option>
    <option value="example2">example 2</option>
    <option value="example3">example 3</option>
    <option value="example4">example 4</option>
    <option value="example5">example 5</option>
  </select>
  <br>
  <input type="button" id="sbattle" onclick="sBattle()" value="Battle">
</form>

【问题讨论】：

标签： javascript forms submit-button

【解决方案1】：

将disabled 添加到您的 HTML

<input type="button" id="sbattle" onclick="sBattle()" value="Battle" disabled="disabled">

【讨论】：

【解决方案2】：

在您的页面加载事件中调用 selectChanged()... 或者在 dom 就绪时更好。

见：https://jsfiddle.net/8eh1qcdb/

【讨论】：