皮皮网
注册 | 登录
皮皮网
皮皮网

【qeephp博客源码】【2018星河重播源码】【金融群网站源码】jquery联动源码_js联动

来源:织梦模板源码 发表时间:2024-11-30 05:47:04

1.仿51job省市二级联动

jquery联动源码_js联动

仿51job省市二级联动

       æœ‰ä¸¤ç§ï¼Œä¸€ç§ç”¨DROPDOWNLIST自带事件onSelectedChanged实现的，但是页面有刷新的，一种用javascript于客户端实现，无刷新。

       <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication.WebForm1" %>

       <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

       <HTML>

        <HEAD>

        <title>WebForm1</title>

        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">

        <meta content="C#" name="CODE_LANGUAGE">

        <meta content="JavaScript" name="vs_defaultClientScript">

        <meta content="/intellisense/ie5" name="vs_targetSchema">

        <script language="JavaScript">

        //定义了城市的二维数组，里面的顺序跟省份的顺序是相同的。通过selectedIndex获得省份的下标值来得到相应的城市数组

        var city=[

        ["北京",联动联动qeephp博客源码"天津","上海","重庆"],

        ["南京","苏州","南通","常州"],

        ["福州","福安","龙岩","南平"],

        ["广州","潮阳","潮州","澄海"],

        ["兰州","白银","定西","敦煌"]

        ];

       function getCity(){

        //获得省份下拉框的对象

        var sltProvince=document.getElementById("province");

        //获得城市下拉框的对象

        var sltCity=document.getElementById("city");

        //得到对应省份的城市数组

        var provinceCity=city[sltProvince.selectedIndex];

        //清空城市下拉框，仅留提示选项

        sltCity.length=0;

       //将城市数组中的值填充到城市下拉框中

        for(var i=0;i<provinceCity.length;i++){

        sltCity[i]=new Option(provinceCity[i],provinceCity[i]);

        }

        }

        </script>

        </HEAD>

        <BODY>

        <FORM name="form1" action="" method="post" runat="server">

        <asp:dropdownlist id="province" Runat="server">

        <asp:ListItem Value="直辖市" Selected="True">直辖市</asp:ListItem>

        <asp:ListItem Value="江苏">江苏</asp:ListItem>

        <asp:ListItem Value="福建">福建</asp:ListItem>

        <asp:ListItem Value="广东">广东</asp:ListItem>

        <asp:ListItem Value="甘肃">甘肃</asp:ListItem>

        </asp:dropdownlist><asp:dropdownlist id="city" Runat="server">

        <asp:ListItem Value="北京" Selected="True">北京</asp:ListItem>

        <asp:ListItem Value="天津">天津</asp:ListItem>

        <asp:ListItem Value="上海">上海</asp:ListItem>

        <asp:ListItem Value="重庆">重庆</asp:ListItem>

        </asp:dropdownlist>

        <P><FONT face="宋体"><INPUT type="hidden" runat="server" id="h1"></FONT></P>

        <P><FONT face="宋体"><INPUT type="hidden" runat="server" id="h2"></FONT></P>

        </FORM>

        </BODY>

       </HTML>

       (在后台中需要添加this.province.Attributes["onclick"]="javascript:return getCity();";）

相关栏目：焦点

.重点关注