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

Question

好的，我已经成功地完成了我想用这张表格做的大部分事情，但从拼图中遗漏了一件事。我有一个下拉表单，需要您 select 多个不同的选项。但是，我有一个选项，即当页面加载“-- select 一个选项--”时显示的选项，它在 selected 时禁用提交按钮，但它不会禁用它在页面加载时自动 selected，如果有意义的话。如何在页面加载时自动禁用提交按钮？

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>

Answer 1

将 disabled 添加到您的 HTML

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

Answer 2

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

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

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

How to make Submit button stay disable when page loads

javascript

forms

submit-button