隐藏所选索引更改下拉列表的服务器控件 [英] Hide a server control on selected index change of dropdown
本文介绍了隐藏所选索引更改下拉列表的服务器控件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
大家好,
我想使用java脚本相应地选择下拉值来更改服务器控件的可见性。
请帮帮我..
Hi All,
I want to change visibility of a server control on selection of dropdown value accordingly using java script.
Please help me..
推荐答案
您好b $ b
试试这个代码示例....
Hi
Try this code sample....
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
var change = function (ddl) {
var value = ddl.value;
var btn = document.getElementById('btn');
var chk = document.getElementById('chk');
var lbl = document.getElementById('lbl');
var rdb = document.getElementById('rdb');
if (value == 'button')
btn.style.visibility = 'hidden';
if (value == 'checkbox')
chk.style.visibility = 'hidden';
if (value == 'label')
lbl.style.visibility = 'hidden';
if (value == 'radiobutton')
rdb.style.visibility = 'hidden';
if (value == 'All') {
btn.style.visibility = 'visible';
chk.style.visibility = 'visible';
lbl.style.visibility = 'visible';
rdb.style.visibility = 'visible';
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
visibility ::
<asp:DropDownList onchange="change(this)" ID="ddl" runat="server">
<asp:ListItem Text="All" />
<asp:ListItem Text="button" />
<asp:ListItem Text="checkbox" />
<asp:ListItem Text="label" />
<asp:ListItem Text="radiobutton" />
</asp:DropDownList>
<br />
<br />
<asp:CheckBox ID="chk" runat="server" Text="" /><br />
<br />
<asp:Button ID="btn" runat="server" Text="button" /><br />
<br />
<asp:Label ID="lbl" runat="server" Text="label" /><br />
<br />
<asp:RadioButton ID="rdb" runat="server" Text="" />
<br />
</div>
</form>
</body>
</html>
在页面加载时将此代码写入.cs文件
ddlName.Attributes。添加(onchange,HideSearchResults(););
javascript代码:
Write this code in .cs file on page load
ddlName.Attributes.Add("onchange", "HideSearchResults();");
javascript code :
function HideSearchResults()
{
//write your code here base on codition hide the sercer controls
//eg.
('。myControl')。hide();
}
('.myControl').hide(); }
这篇关于隐藏所选索引更改下拉列表的服务器控件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文