Jquery 单击事件时清除下拉菜单的内容
您好,谢谢您的关注。我对javascript/jQuery非常陌生。我有一个按钮,它调用一个名为SelectOptions()的函数: 按下按钮时,此功能的代码如下:Jquery 单击事件时清除下拉菜单的内容,jquery,asp.net,Jquery,Asp.net,您好,谢谢您的关注。我对javascript/jQuery非常陌生。我有一个按钮,它调用一个名为SelectOptions()的函数: 按下按钮时,此功能的代码如下: function SelectOptions() { var selectedLJP =''; var selectedFrmn = ''; if (assLocJobPh.length == 1 && assForeman.length == 1) {
function SelectOptions() {
var selectedLJP ='';
var selectedFrmn = '';
if (assLocJobPh.length == 1 && assForeman.length == 1) {
selectedLJP = assLocJobPh[0].value;
selectedFrmn = assForeman[0].value;
} else {
selectedLJP = $('#DTCOption').find('[id*=ddlLocJobPhOpt]').val();
selectedFrmn = $('#DTCOption').find('[id*=ddlFrmnOpt]').val();
$('#OptionFormContainer').popup('close');
}
dailyTCOptions.loggedUser = loggedAppUser;
dailyTCOptions.locationJobPhase = selectedLJP;
dailyTCOptions.foreman = selectedFrmn;
dailyTCOptions.Badges = [];
LoadDTCOptionPage();
}
以下是HTML/服务器控件:
<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>
但是,当我返回到第二个dropbox时,它仍保持填充状态。如何在单击按钮时清除下拉菜单?您希望在单击“转到”时在客户端或回发时清除它?客户端,很抱歉没有澄清。请尝试类似于
selectedFrmn.find('option').remove()的操作
删除位于要清除的
内的
文件。谢谢,VIDesignz。看看chrome中的开发工具,它看起来确实像是由标签组成的下拉列表,但是你给我的代码仍然没有删除它们。
selectedLJP.val("0");
selectedFrmn.empty();