Asp.net javascript隐藏和显示所有下拉列表项
Asp.net javascript隐藏和显示所有下拉列表项
提问于 2013-08-29 13:15:05
你好，我在我的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显示所有这些项目时，只显示所有这些项目。
回答 4
Stack Overflow用户
发布于 2013-08-29 13:32:26
尝尝这个
<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)" />Stack Overflow用户
发布于 2013-08-29 13:48:19
试着这样做
在后台代码中添加如下所示的方法
public List<Object> dfgdf()
{
List<object> lst=new List<object>;
lst.add(item1); // add data
return lst;
}在脚本中：
$(document).ready(function(){
$("#btnShowALL").click(function(){
$.getJSON("/Codebehind.aspx.cs/dfgdf",function(result){
$.each(result, function(i, field){
$("#DropDownList1").append(field + " ");
});
});
});
$("#btnHideAll").click(function(){
$("#DropDownList1").empty();
});
});Stack Overflow用户
发布于 2013-08-29 13:46:59
<input type="button" value="Hide options" onclick="changeVisible(false)" />
<input type="button" value="Show options" onclick="changeVisible(true)" />
function changeVisible(visible){
var dropDown = document.getElementById("<%= DropDownList1.ClientID %>");
var options = dropDown.getElementsByTagName("option");
for(var i = 0; i < options.length; ++i){
options[i].style.display = visible? "inline" : "none";
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18502775
复制相关文章
相似问题
腾讯云开发者
