JS的实现
0
悬赏园豆：10
[已关闭问题]
Code
请问用JS怎么实现当选择下列表中“优惠信息”时优惠时间才显示出来？选择其他两个则隐藏优惠时间？
其他回答(2)
0
Code
$(function(){
$('#<%=ddlType.ClientID%>').change(function(){
if($(this).val()=='2')
$('#<%=panel1.ClientID%>').show();
else
$('#<%=panel1.ClientID%>').hide();
});
})
偷懒下
jquery的实现方式
0
<script type="text/javascript">
function change(obj){
if(obj.value=="3"){
document.getElementById("Panel1").style.display="block";
}else{
document.getElementById("Panel1").style.display="none";
}
}
</script>
然后给你的DropDownList加一个onchange="change(this)";
我加了 可是onchange事件没触发到
可以进去了 可是document.getElementById("Panel1").style.display="block";
这一句JS出错，说“缺少对象”
@LoveO(∩_∩)O:
lz这完全可以用div，设置样式style="display:none"
然后在js里
<script type="text/javascript">
window.onload = function() {
var obj=document.getElementById("ddlType");
obj.onchange = function() {
if (obj.value == 3) {
document.getElementById("Time").style.display = "";
}
else {
document.getElementById("Time").style.display = "none";
}
}
}
</script>
@LoveO(∩_∩)O:
div的ID为Time
0
<script type="text/javascript">
function change(obj){
var aa=obj.options[obj.selectedIndex].value;
if(aa=="3"){
document.getElementById("Panel1").style.display="block";
}else{
document.getElementById("Panel1").style.display="none";
}
}
</script>
把你dropdownlist中的AutoPostBack去掉，把Panel 中的 Visible="false" 改成 style="display:none;"
就可以了
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="aa.aspx.cs" Inherits="text2_aa" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function change(obj){
var aa=obj.options[obj.selectedIndex].value;
if(aa=="3"){
document.getElementById("Panel1").style.display="block";
}else{
document.getElementById("Panel1").style.display="none";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="ddlType" runat="server" size="1" onclick="change(this)" OnSelectedIndexChanged="ddlType_SelectedIndexChanged"
>
<asp:ListItem Value="0" Selected="True">请选择</asp:ListItem>
<asp:ListItem Value="1">公告</asp:ListItem>
<asp:ListItem Value="2">动态</asp:ListItem>
<asp:ListItem Value="3">优惠信息</asp:ListItem>
</asp:DropDownList>
<asp:Panel ID="Panel1" runat="server" style="display:none;" >
<tr>
<td class="style1">
优惠时间
</td>
<td>
<asp:TextBox ID="txtStarttime" runat="server" size="10" CssClass="Wdate" onFocus="new WdatePicker(this,'%Y-%M-%D',true,'default')"></asp:TextBox>
——
<asp:TextBox ID="txtEndttime" runat="server" size="10" CssClass="Wdate" onFocus="new WdatePicker(this,'%Y-%M-%D',true,'default')"></asp:TextBox>
<asp:Label ID="Label2" runat="server" Text="*" ForeColor="#FF3300"></asp:Label>
</td>
</tr>
</asp:Panel>
</div>
</form>
</body>
</html>
恩 可以了 谢谢你
