省市和时间级联

本文详细介绍了如何使用C#在Web应用程序中实现级联时间选择器,并结合jQuery实现省市联动功能,包括日期选择、月份选择、天数选择以及通过省市区联动获取地址信息。

// C#级联时间
前台代码
<asp:DropDownList ID="Dyear" runat="server"
        onselectedindexchanged="Dyear_SelectedIndexChanged" AutoPostBack="true">     ///AutoPostBack="true"  很重要
    </asp:DropDownList>
    <asp:DropDownList ID="Dmonth" runat="server"
        onselectedindexchanged="Dmonth_SelectedIndexChanged" AutoPostBack="true">
    </asp:DropDownList>
    <asp:DropDownList ID="Dday" runat="server" AutoPostBack="true">
    </asp:DropDownList>
 
 后台
public partial class index : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!IsPostBack)
            {
             binddatetime();
            }
          
        }
        public void binddatetime()
        {
            int startYear = 1900;
            int endYear = DateTime.Now.Year;
            for (int y = startYear; y <= endYear;y++ )
            {
                Dyear.Items.Add(y.ToString());
            }
            Dyear.Items[0].Selected = true;
            for (int m = 1; m < 13;m++ )
            {
                Dmonth.Items.Add(m.ToString());
            }
            Dmonth.Items[0].Selected = true;
           int year= int.Parse(Dyear.SelectedValue);
           int month= int.Parse(Dmonth.SelectedValue);
           int day = DateTime.DaysInMonth(year,month) ;
           for (int d = 1; d <= day;d++ )
           {
               Dday.Items.Add(d.ToString());
           }
           Dday.Items[0].Selected = true;
        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write(Request["province1"]+Request["city1"]);
        }

        protected void Dyear_SelectedIndexChanged(object sender, EventArgs e)
        {
            Dday.Items.Clear();
            int year = int.Parse(Dyear.SelectedValue);
            int month = int.Parse(Dmonth.SelectedValue);
            int day = DateTime.DaysInMonth(year, month);
            for (int d = 1; d <= day; d++)
            {
                Dday.Items.Add(d.ToString());
            }
            Dday.Items[0].Selected = true;
        }

        protected void Dmonth_SelectedIndexChanged(object sender, EventArgs e)
        {
            Dday.Items.Clear();
            int year = int.Parse(Dyear.SelectedValue);
            int month = int.Parse(Dmonth.SelectedValue);
            int day = DateTime.DaysInMonth(year, month);
            for (int d = 1; d <=day; d++)
            {
                Dday.Items.Add(d.ToString());
            }
            Dday.Items[0].Selected = true;
        }
    }
 
 
 
 
 
 
 
 jquery省市联动
 
  <title></title>
    <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="js/jquery.provincesCity.js" type="text/javascript"></script>
    <script src="js/provincesdata.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#pCity").ProvinceCity({province:"province1",city:"city1",classname:"select01"});
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="pCity">
   
    </div>
 
 

源码来自:https://pan.quark.cn/s/41b9d28f0d6d 在信息技术领域中,jQuery作为一个广受欢迎的JavaScript框架,显著简化了诸多操作,包括对HTML文档的遍历、事件的管理、动画的设计以及Ajax通信等。 本篇文档将深入阐释如何运用jQuery达成一个图片自动播放的功能,这种效果常用于网站的轮播展示或幻灯片演示,有助于优化用户与页面的互动,使网页呈现更加动态的视觉体验。 为了有效实施这一功能,首先需掌握jQuery的核心操作。 通过$符号作为接口,jQuery能够迅速选取DOM组件,例如$("#id")用于选取具有特定ID的元素,而$(".class")则能选取所有应用了某类class的元素。 在选定元素之后,可以执行多种行为,诸如事件监听、样式的变更、内容的更新以及动画的制作等。 关于“一个基于jQuery的图片自动播放功能”,首要任务是准备一组图片素材,这些素材将被整合至一个容器元素之中。 例如,可以构建一个div元素,将其宽度设定为单张图片的尺寸,再借助CSS实现溢出内容的隐藏,从而构建出水平滚动的初始框架。 ```html<div id="slider"> <img src="image1.jpg" alt="Image 1"> <img src="image2.jpg" alt="Image 2"> <!-- 更多图片内容... --></div>```接着,需要编写jQuery脚本以实现图片的自动切换。 这通常涉及到定时器的运用,以设定周期性间隔自动更换当前显示的图片。 通过使用`.fadeOut()``.fadeIn()`方法,能够实现图片间的平滑过渡,增强视觉效果。 ```javascript$(document).re...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值