javascript - 清空事件下拉列表不起作用

Question

我有两个下拉菜单和一个链接按钮:

<form name="OptionForm" method="post">
  <p>
    <label for="ddlLocJobPhOpt" class="ui-accessible">Location Job Phase</label>
    <asp:DropDownList runat="server" ID="ddlLocJobPhOpt" data-mini="true"></asp:DropDownList>
  </p>
  <p>
    <label for="ddlFrmnOpt" class="ui-accessible">Foreman</label>
<asp:DropDownList runat="server" ID="ddlFrmnOpt" data-mini="true"></asp:DropDownList>
  </p>

  <asp:LinkButton ID="lnkSelectOptions" data-icon="arrow-r" data-iconpos="right" runat="server" data-role="button" Class="custom-btn" data-inline="true" data-theme="c" data-transition="pop" UseSubmitBahavior="false" href="#" data-mini="true" OnClientClick="SelectOptions()">GO</asp:LinkButton>
</form>

当我点击链接按钮时，这个函数会触发:SelectOptions()

我试图在单击按钮时清空第二个下拉列表。但是当我添加:

var frmnDDL = $('#ddlFrmnOpt');
frmnDDL.html("");

或

var frmnDDL = $('#ddlFrmnOpt');
frmnDDL.empty();

然后重新导航到下拉列表上方的 OptionForm。

我做错了什么？

Answer 1

我几乎可以保证frmnDDL.length为0。

.Net 将控件重命名为 ctl00_MainContent_ddlFrmnOpt

你有两个选择

1. 您可以将 jquery 选择器更改为实际生成的名称(检查呈现的 html)

2. 您可以更改您的选择器以使用 $("[id$=ddlFrmnOpt]") 或 $("select[id$=ddlFrmnOpt] 之类的内容进行部分匹配]")

之后有很多方法可以清空select

frmnDDL.empty();
frmnDDL.children().remove();
frmnDDL.find('option').remove();
//etc, etc

其次，当您说“然后重新导航到下拉列表上方的 OptionForm 仍然填充”时，我对您的意思感到困惑。如果您正在执行回发，.net 将在其页面生命周期内使用其数据重新加载下拉列表。您在 DOM 中更改的是客户端，并且由于 Web 是无状态的，因此在回发之间不会记住这些更改。