Javascript ASP.NET服务器控件-基于下拉选择显示隐藏文本框
根据用户从下拉列表中的选择,显示/隐藏文本框或整个div部分的最佳方式是什么?我认为服务器控件是不可能的,所以我必须使用常规的客户端HTML控件,对吗?谢谢你的意见。jQuery是最好的选择吗 根据下拉选择,我希望能够显示以下Div,并在默认情况下隐藏Div.thinks?:Javascript ASP.NET服务器控件-基于下拉选择显示隐藏文本框,javascript,html,asp.net,jquery,Javascript,Html,Asp.net,Jquery,根据用户从下拉列表中的选择,显示/隐藏文本框或整个div部分的最佳方式是什么?我认为服务器控件是不可能的,所以我必须使用常规的客户端HTML控件,对吗?谢谢你的意见。jQuery是最好的选择吗 根据下拉选择,我希望能够显示以下Div,并在默认情况下隐藏Div.thinks?: <div id="divLimitPrice">Limit Price<br /> <asp:TextBox ID="txtLimitPrice" runat="server" Valid
<div id="divLimitPrice">Limit Price<br />
<asp:TextBox ID="txtLimitPrice" runat="server" ValidationGroup="ValidationGroupOrder"> </asp:TextBox>
限价
您可以使用与简单html控件相同的服务器控件来执行此操作。只需正确设置控件的呈现客户端ID。下面是一个示例:(请参见代码注释了解我的工作)
函数触发器更改(me)
{
//获取下拉控件
var cTheDropDown=jQuery(“#”);
//查找所选值
var SelValue=jQuery('option:selected',cTheDropDown).attr('value');
//现在你想怎么做就怎么做
如果(SelValue==“打开”)
jQuery(“#divLimitPrice”).show();
其他的
jQuery(“#divLimitPrice”).hide();
}
较短版本的
function TriggerChange(me)
{
// get the selected value from the drop down list
// and base on it, show or hide your div
if(jQuery("#<%=ddlControl.ClientID%>").val() == "open")
jQuery("#divLimitPrice").show();
else
jQuery("#divLimitPrice").hide();
}
函数触发器更改(me)
{
//从下拉列表中获取所选值
//并在此基础上,显示或隐藏您的div
if(jQuery(“#”)val()=“打开”)
jQuery(“#divLimitPrice”).show();
其他的
jQuery(“#divLimitPrice”).hide();
}
在控件上,您将触发器添加为:
<asp:DropDownList ID="ddlControl" runat="server" onchange="TriggerChange(this);">
谢谢!我正在尝试修改代码,只是有一个小问题。函数TriggerChange(me){//获取下拉控件var cTheDropDown=jQuery(“#”);//查找所选一个变量的值SelValue=jQuery('option:selected',cTheDropDown.).attr('value');//如果(SelValue=='Limit'),请随意使用它jQuery(“#divLimitPrice”).show();else jQuery(#divLimitPrice”).hide()}该脚本看起来正确吗?这是下拉列表-这是分区。谢谢!此jQuery(“#”)中的限价
@gmatteson
code您忘记了ClientID,jQuery(#)代码>。对ClientID的其余部分也执行相同的操作。现在,我不能让它100%完美地适合你。请看代码并试着理解我所做的事情——不仅仅是复制/粘贴。感谢您抽出时间@Aristo,非常感谢。非常有帮助!
<asp:DropDownList ID="ddlControl" runat="server" onchange="TriggerChange(this);">