Question

好的，所以我设法完成了我想用这个表单做的大部分工作，但是从这个难题中遗漏了一件事。我有一个下拉表单，要求您选择许多不同的选项。但是，我有一个选项，即页面加载时显示的内容＆＃34; - 选择一个选项 - ＆＃34;，它会在选中时禁用提交按钮，但它不会禁用它页面加载，这是自动选择的选项，如果这是有意义的。如何在页面加载时自动禁用提交按钮？

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

将disabled添加到您的HTML

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

Answer 2

在您的页面加载事件上调用selectChanged() ...或者更好地在dom ready上调用。

请参阅：https://jsfiddle.net/8eh1qcdb/

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

2 个答案: