js省市区下拉菜单

function GetResult_Load(str,sel)
{
        var oBao = new ActiveXObject("Microsoft.XMLHTTP");
        oBao.open("POST","Relating_Menu_Server.asp?ID="+escape(str),false);
        oBao.send();
        BuildSel_Load(unescape(oBao.responseText),sel)
}
function BuildSel_Load(str,sel)
{
        sel.options.length=0;
        if (str!="")
        {
                var Tarrstr = new Array();
                Tarrstr = str.split("%$#@")
                strid = Tarrstr[0]
                strname = Tarrstr[1]
       
                var arrstr1 = new Array();
                arrstr1 = strid.split(",");
                var arrstr2 = new Array();
                arrstr2 = strname.split(",");
                for(var i=0;i<arrstr1.length;i++)
                {
                sel.options[sel.options.length]=new Option(arrstr2[i],arrstr1[i])
                }
        }
        var opobj =  new Option("--请选择--","")
        sel.add(opobj,0)
        sel.selectedIndex = 0
}
//页面加载第一个下拉菜单
//----------------------------------------------------------------------------------------
//下级关联各下拉菜单
//objname                        =当前菜单名称
//nextallobj_str        =下级联动菜单名称集,格式例如:“一级|二级|三级|四级|......”
//str                                =传递给Server方获取数据的必要关系参数
//nextobj                        =相关联的下一个菜单名称
//菜单调用例子:onChange="GetResult(this.name,'下级|下下级',this.value,document.all.下级)"
function GetResult(objname,nextallobj_str,str,nextobj)
{
        var yy = new Array();
        yy = nextallobj_str.split("|");
        for(var i=0 ; i<yy.length ; i++) clearoptions(eval("document.all."+yy[i]));
        var oBao = new ActiveXObject("Microsoft.XMLHTTP");
        oBao.open("POST","Relating_Menu_Server.asp?ID="+escape(str),false);
        oBao.send();
        BuildSel(unescape(oBao.responseText),nextobj)
}
function BuildSel(str,sel)
{
        sel.options.length=0;
        if (str!="")
        {
                var Tarrstr = new Array();
                Tarrstr = str.split("%$#@")
                strid = Tarrstr[0]
                strname = Tarrstr[1]
       
                var arrstr1 = new Array();
                arrstr1 = strid.split(",");
                var arrstr2 = new Array();
                arrstr2 = strname.split(",");
                for(var i=0;i<arrstr1.length;i++)
                {
                sel.options[sel.options.length]=new Option(arrstr2[i],arrstr1[i])
                }
        }
        var opobj =  new Option("--请选择--","")
        sel.add(opobj,0)
        sel.selectedIndex = 0
}
function clearoptions(obj)
{
        for(var j = 0 ; j<=obj.length ; j++)obj.remove(0)
        var opobj =  new Option("--请选择--","")
        obj.add(opobj,0)
        obj.selectedIndex = 0
}

时间: 2024-10-29 11:28:12

js省市区下拉菜单的相关文章

css结合js制作下拉菜单的具体实现

 这篇文章主要介绍了css结合js制作下拉菜单的具体实现,需要的朋友可以参考下  代码如下: <%@page pageEncoding="utf-8"  contentType="text/html;charset=utf-8" %>    <HTML>  <HEAD>  <title>WebForm5</title>    <style>/* Root = Horizontal, Second

JS实现下拉菜单赋值到文本框的方法_javascript技巧

本文实例讲述了JS实现下拉菜单赋值到文本框的方法.分享给大家供大家参考.具体如下: 这里演示下拉菜单和文本框构建的介绍栏,将Select框中的值定位到INPUT文本输入框中,是下拉框赋值到文本框的实例,上网时候貌似经常见的功能,只是不知如何形容,或许叫做联动吧. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-to-input-val-codes/ 具体代码如下: <html> <head> <SCRIP

js 获取下拉菜单的值传给文本框

提示:您可以先修改部分代码再运行 js 获取下拉菜单的值传给文本框   车仔手札    蓝色经典    织梦地带    联盟论坛    无忧脚本   提示:您可以先修改部分代码再运行

js 控制下拉菜单刷新的方法_javascript技巧

思路:母版頁隱藏控件 從内容頁接收值 JS根據接受的值控制菜單項的現實母版頁:隱藏控件: 复制代码 代码如下:   <asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label><asp:Label ID="Lbl_Xn" runat="server" Te

css结合js制作下拉菜单示例代码_javascript技巧

复制代码 代码如下: <%@page pageEncoding="utf-8" contentType="text/html;charset=utf-8" %> <HTML> <HEAD> <title>WebForm5</title> <style>/* Root = Horizontal, Secondary = Vertical */ ul#navmenu-h { margin: 0; b

js拉伸下拉菜单代码

基本信息 企业简介 企业新闻 系统管理 企业简介 企业新闻 系统管理 会员管理 管理员设置 权限组设置 退出系统

css +js制作下拉菜单教程

项目 1 项目 1.1 项目 1.2 项目 1.3 项目 2 项目 3 项目 3.1 项目 3.1.1 项目 3.1.2 项目 3.2 项目 3.3 项目 4

js伸缩下拉菜单

点这里可以展开和收缩 我爱我的祖国,祖国多么的美丽,我用我的歌声,打动每一片土地,土地上的人民欢乐又幸福,祝愿所有人们都能够欢乐! 现在我想要这样的效果,在来4个. 点这里可以展开和收缩 我爱我的祖国,祖国多么的美丽,我用我的歌声,打动每一片土地,土地上的人民欢乐又幸福,祝愿所有人们都能够欢乐! 现在我想要这样的效果,在来4个. 点这里可以展开和收缩 我爱我的祖国,祖国多么的美丽,我用我的歌声,打动每一片土地,土地上的人民欢乐又幸福,祝愿所有人们都能够欢乐! 现在我想要这样的效果,在来4个. 点

超漂亮js 滑动下拉菜单效果代码

One 中国WEB第一站 Navigation Item 2 Navigation Item 3 Navigation Item 4 Navigation Item 5 Two Navigation Item 1 Navigation Item 2 Navigation Item 3 中国WEB第一站 Navigation Item 5 Two Navigation Item 1 Navigation Item 2 Navigation Item 3 Navigation Item 4 Navi