javascript - 選択オプションボックスの選択表示値を設定する

Question

ドロップダウンで、表示テキストが実際の値と異なる場所を選択したいと考えています。選択を行ったら、SELECT ボックスに表示される実際の HTML に、選択したテキストではなく実際の値を表示します。

私はこれまでのところこれを持っています。ほとんど機能しますが、一度選択すると、表示可能なフィールドが値に設定されますが、ドロップダウンをもう一度クリックすると、最初の選択可能な選択肢がなくなり、値だけが表示されます。

<select size="1" style="width: 28mm; border: 1px solid;"" name="Priority"
        id="Priority" onChange="setDevices(this);">
    <option selected><? print($row[Priority]); ?></option>
    <option value="Pri1">This is Priority 1</option>
    <option value="Pri2">This is Priority 2</option>
    <option value="Pri3">This is Priority 3</option>
    <option value="Pri4">This is Priority 4</option>
</select>

function setDevices(elem) {
    elem.options[elem.selectedIndex].innerHTML = elem.options[elem.selectedIndex].value
}