重置 ASP 下拉列表 AppendDataBoundItems

Question

我在 asp 中有以下下拉列表：绑定到 SQL 数据库以根据查询检索值。

<td>
<asp:DropDownList ID="DropDownList4" runat="server" AppendDataBoundItems="true"
    DataSourceID="SqlDataSource1" DataTextField="VALUE" DataValueField="VALUE">
    <asp:ListItem Value=" " Selected="true" Text="--Select One--"></asp:ListItem>
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
    ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>" 
    SelectCommand="SELECT &quot;VALUE&quot; FROM TABLENAME WHERE (column= xx)">
</asp:SqlDataSource>

问题是我想做第一个选择---选择一个--- 现在，当我想重置文本字段时，我想在 javascript 中将下拉列表重置为值---选择一个---，但我做不到。

我在 asp.net 中重置 textfilds 如下：

 document.getElementById('<%= txt_field01.ClientID %>').value = '';
 document.getElementById('<%= txt_field01.ClientID %>').value = '';

我需要您的支持和想法。

Answer 1

var drop = document.getElementById('<%=dropdownID.ClientID%>').querySelectorAll("option:selected");

您可以使用以下选项之一

$(drop).empty();

或

drop.value = '';

或

$('#mydropID').val('');