Trying to read a value from a <select> element about mint HOT 2 CLOSED

component Main {
  state val = 1
  state selectedOption  = ""

  fun handleSelect (event : Html.Event) {
    let choice = Dom.getValue(event.target)
    next {selectedOption : choice}
  }

  fun render : Html {
    <div::app>
      <select name="select" label="Select" onChange={handleSelect}>
        <option value="">"Select"</option>
        <option value="solid">"Solid"</option>
        <option value="liquid">"Liquid"</option>
        <option value="gas">"Gas"</option>
        <option value="plasma">"Plasma"</option>
      </select>
      <{(selectedOption)}>
    </div>
  }
}

<option value="">"Select"</option>
<option value="solid">"Solid"</option>
<option value="liquid">"Liquid"</option>
<option value="gas">"Gas"</option>
<option value="plasma">"Plasma"</option>

Dom.getValue(event.target)