JavaScript 需要保留 "selected"选项

Question

我有一个普通的选择列表(单个而不是多个)。该列表以诸如“事件”之类的标题开头:

<option selected = "selected" value = " " class = "hselect" > Events </option>

标题下是实际的选择。用户有一个需要填写的表格，并且事件选择框将出现在表格中。一旦用户选择了他的事件，例如“注册”，该选择就会出现在下拉列表旁边的输入框中。我使用 Javascript 程序来做到这一点。

选择内容也保留在选择框本身中，以便表单显示 |注册| |注册| -- 第一个在选择框中，第二个在输入框中。相反，我需要的是选择框返回到标题，以便表单显示 |Events| |注册|。

使用相同的 Javascript 程序，我可以选择“事件”选项，但我不知道如何让选择框返回到其原始配置，事件显示在顶部，选项显示在下面。

有没有办法在 JavaScript 中做到这一点？

Answer 1

从<select>中选择第一个选项使用“selectedIndex”属性:

var target = document.getElementById('target');
target.onchange=function(){
    alert('select changed!');
    target.selectedIndex = 0;
};

fiddle :https://jsfiddle.net/adriel_santos/n90s0mzm/