要达到的目的很简单:编写一个用户控件,页面加载时隐藏,当某个radioButton点击时,显示用户控件。但用起来却发现不是那么简单。
错误方法一
首先想到的是最常用的方法,设置其Visible属性为false:
<uc1:TGBDropDownList ID="TGBDropDownList2" runat="server" Visible ="false" />
点击时出现:
<asp:RadioButton ID="radRecord" runat="server" Text="答题记录" οnclick="RadioRecordClick();"
GroupName="QueryHistory" />
function RadioRecordClick() {
document.getElementById("<%= TGBDropDownList2.ClientID%>").style.display = "inline";
}
出现错误
并且用户控件也并没有隐藏:
如果希望打开页面时不显示,不要使用visible=false,否则会脚本会找不到控件。
错误方法二
界面加载时隐藏:
<uc1:TGBDropDownList ID="TGBDropDownList2" runat="server" style="display:none;/>
当点击RadioButton时显示: