使用 AsyncPostBackTrigger 填充现有下拉列表，而不是填充新的下拉列表

问：

对于我的 Web 应用程序，我尝试使用 AsyncPostBackTrigger（因为我不希望页面自动回发）根据客户端在日历扩展器上单击的内容填充下拉列表 （DDL）（我在代码隐藏 vb.net 中声明了此功能以从数据库加载它）。我有触发所选日期的按钮，它确实可以填充 DDL，但不是我想要的方式。它不是在现有 DDL 中更新它，而是在现有 DDL 之外创建一个新的 DDL。我试图寻找解决方案，但没有找到任何解决方案。任何人都可以帮我弄清楚为什么会发生这种情况以及如何解决这个问题？

这是我的 asp.net 和 javascript 代码

<asp:Label ID="label16" runat = "server" Text="Select the date"></asp:Label></td>
                                            <td id="Td29" style="width:290px;" runat="server">
                                            <asp:TextBox ID="tbPostingDt" runat="server" style ="width:174px;"></asp:TextBox>
                                            <asp:Button ID="ClickBtn" runat="server" Text="Click"  style="display:none" OnClick="ClickBtn_Click" />
                                                <asp:ImageButton ID="CalendarBtnPostingDt" runat="server" ImageUrl="~/Images/Calendar_scheduleHS.png" AlternateText="Click to display calendar"/>
                                                <cc1:CalendarExtender ID="calPost" runat="server" PopupButtonID="CalendarBtnPostingDt" 
                                                    TargetControlID="tbPostingDt" OnClientDateSelectionChanged="dateSelectionChanged" Format="dd-MMM-yyyy" Enabled="True"></cc1:CalendarExtender></td>

<asp:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Conditional">
                                              <ContentTemplate>
                                                <asp:Label ID="label18" runat = "server" Text="Post Cycle No"></asp:Label></td>
                                            <td id="Td33" style="width:290px;" runat="server">
                                                <asp:DropDownList ID = "ddlPostCycleNo" runat = "server" style ="width:180px;">
                                                    <asp:ListItem>ALL</asp:ListItem>
                                                </asp:DropDownList> </td>
                                                </ContentTemplate>
                                                <Triggers>
                                                <asp:AsyncPostBackTrigger ControlID="ClickBtn" EventName="Click" />
                                                </Triggers>
                                                </asp:UpdatePanel>


    function dateSelectionChanged(sender, args) {
    var PostingDt = document.getElementById('<%= tbPostingDt.ClientID%>').value.trim();
    var clickButton = document.getElementById("<%= ClickBtn.ClientID %>");
    clickButton.click();
}