如何从下拉列表中选择默认值，然后在列表中选择其他任何元素后又返回到相同值？

Question

我的代码中有一个下拉div，如下所示：

<div class="form-group alert_txt col-lg-6">
         <label class="form_lable">Field</label><br>                                    
     <select class="form-control" onchange="funct1('rteSample',this.value)" ng-model="field"  > 
            <option value="" selected >Choose field</option>
            <option ng-repeat="x in field" value="{{x.fieldSymbol}}" >{{x.fieldName}}</option>
       </select>
      </div>

即使我已将默认选择指定为“选择”字段，但下拉菜单始终始终为空白。

另外，一旦列表中的任何元素被选中，我也想返回到“选择”字段。 我们可以做到吗？

是的，我也曾尝试过其他解决方案，但都遇到了同样的问题，它们确实没有用。 这个

Answer 1

这是我的解决方案。

每当onchange="funct1('rteSample',this.value)"

在此函数中，将此this.value设置为空字符串，但是会将默认值设置为选定。

Answer 2

您可以通过将select的selectedIndex属性设置为0来将第一个选项设置为选中。将selected属性添加到选项应将其设为默认选中状态，但是如果未显式选择任何选项，则大多数浏览器会将第一个选项设置为selected。

您可以在重置值之前获取选择的值，例如

 function resetSelect(e) { console.log('The value was ' + this.value); this.selectedIndex = 0; } window.onload = function() { document.querySelector('select').addEventListener('change', resetSelect, false); } 

 <select> <option selected>Choose field <option> first <option> second <option> third </select> 

请注意，如果用户使用键盘进行导航，则每次用户尝试向下浏览选项时，浏览器都可能触发更改事件，因此请测试可访问性。