Как сделать кнопку "Отправить" отключенной при загрузке страницы

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 готов.

см.: https://jsfiddle.net/8eh1qcdb/