HTML Select Option not recognized when tab and arrows used to select option

Question

This is an odd problem and likely a rookie mistake. For some odd reason, if I use the arrow keys to select a select option from below, it fails to submit unless I deselect by clicking somewhere else on the page. If I keep focus on the select option, the submission will fail to recognize the value. Am I committing some stupid mistake?

<select id="name" class="state">
    <option value="">
        Select
    </option>

    <option value="Alan">
        Alan
    </option>

    <option value="Brad">
        Brad
    </option>

    <option value="Carol">
        Carol
    </option>

    <option value="Derrick">
        Derrick
    </option>
</select>

Answer 1

No. This is not a problem and is supposed to happen this way.