javascript - Asp.net javascript 隐藏和显示所有下拉列表项

Question

你好，我在我的 asp.net 中有一个下拉列表，我想在我的下拉列表中隐藏和显示我的所有项目

<asp:DropDownList id="DropDownList1" runat="server">
 <asp:listitem value="">Select one</asp:listitem>
 <asp:listitem value="1">Item 1</asp:listitem>
 <asp:listitem value="2">Item 2</asp:listitem>
 <asp:listitem value="3">Item 3</asp:listitem>
 <asp:listitem value="4">Item 4</asp:listitem>
 <asp:listitem value="5">Item 5</asp:listitem>
 <asp:listitem value="6">Item 6</asp:listitem>
 <asp:listitem value="7">Item 7</asp:listitem>
 <asp:listitem value="8">Item 8</asp:listitem>
 <asp:listitem value="9">Item 9</asp:listitem>
 <asp:listitem value="10">Item 10</asp:listitem>
</asp:DropDownList>

我有一个按钮 btnHideAll 和 btnShowALL 如果 btnHideAll 我想隐藏所有这个项目，当 btnshowall 只显示所有它时..

Answer 1

试试这个

<script>
     function toggleSelect(show){
        var sel = document.getElementById('<%=DropDownList1.ClientID%>');
        var selHTML = sel.innerHTML;

        if( selHTML != '' && !show) {
            // save items HTML on first call
            if( window['selHTML']== undefined ||  !window['selHTML'] ) window['selHTML'] = selHTML;
            sel.innerHTML ='';
        }else if( selHTML == '' && show ){
            sel.innerHTML = window['selHTML']
        }   
    };
 </script>

假设您的按钮带有名为 onclick 的 javascript 函数

<input type="button" value="btnHideAll" onclick="toggleSelect(false)" />
<input type="button" value="btnShowALL" onclick="toggleSelect(true)" />