title: What's the difference between 'selected' and 'defaultSelected' when constructing an HTMLOptionElement?
body: <p>From <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement/Option" rel="noreferrer">MDN</a>:</p>
  <blockquote>
  <p>defaultSelected - Optional<br />
  A Boolean that sets the selected attribute
  value, i.e. so that this  will be the default value selected
  in the  element when the page is first loaded. If this is not
  specified, a default value of false is used. Note that a value of true
  does not set the option to selected if it is not already selected.</p>
  <p>selected - Optional<br />
  A Boolean that sets the option's selected state;
  the default is false (not selected). If omitted, even if the
  defaultSelected argument is true, the option is not selected.</p>
  </blockquote>
  <p>This is very unclear to me. <code>defaultSelected</code> determines if &quot;this will be the default value selected&quot;, but one sentence later it says &quot;a value of true does not set the option to selected if it is not already selected&quot;. So... it doesn't set it to be selected? It only sets it to selected if it's already selected?</p>
  <p><code>selected</code> claims also to set the selected state. If it's omitted, regardless of <code>defaultSelected</code>, the option is not selected. So... <code>defaultSelected</code> does nothing?</p>
  <p>What's going on here?</p>