頁面加載時如何使“提交”按鈕保持禁用狀態

Question

好的，我已經設法完成了此表單的大部分操作，但是卻從拼圖中遺漏了一件東西。 我有一個下拉列表，要求您選擇許多不同的選項。 但是，我有一個選項，即頁面加載“-選擇一個選項-”時顯示的選項，它在選中時禁用了提交按鈕，但是在頁面加載時卻不禁用它。如果可以的話，自動選擇的選項。 頁面加載后如何自動禁用“提交”按鈕？

 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之后調用selectChanged() 。

參見： https : //jsfiddle.net/8eh1qcdb/