js级联菜单 [动态控制select]

javascript动态控制select表单内容
<script language="JavaScript">
<!--
var P1=new Array(
new Array("110000","aaa1"),
new Array("120000","bbb1"),
new Array("130000","ccc1"),
new Array("140000","ddd1"),
new Array("150000","eee1")
);
var c1=new Array(
new Array("110000","aaa2"),
new Array("120000","bbb2"),
new Array("130000","ccc2"),
new Array("140000","ddd2"),
new Array("150000","eee2"),
new Array("210000","fff2"),
new Array("220000","ggg2")
);

function a1(selProvince)
{
    document.getElementById(selProvince).options[0]=new Option("请选择","000000");
    for(i=0;i<P1.length;i++)
    {
    document.getElementById(selProvince).options[i+1]=new Option(P1[i][1],P1[i][0]);
    }
   document.getElementById(selProvince).options.selected=true;
    document.getElementById(selProvince).length=i+1;
}

function a2(selProvince)
{
    document.getElementById(selProvince).options[0]=new Option("请选择","000000");
    for(i=0;i<P1.length;i++)
    {
    document.getElementById(selProvince).options[i+1]=new Option(c1[i][1],c1[i][0]);
    }
    document.getElementById(selProvince).options.selected=true;
    document.getElementById(selProvince).length=i+1;
}

-->
</script>
 <BODY>
  <form name="form1" method="post" method="post">
  <input type="radio" value="1" name="a" onclick="a1('b')">第一个&nbsp;<input type="radio" value="0" name="a" onclick="a2('b')">第二个
  <select name="b" id="b"></select>
  </form>

时间: 2024-09-18 11:02:38

js级联菜单 [动态控制select]的相关文章

js 使用form表单select类实现级联菜单效果_基础知识

用例如下: 复制代码 代码如下: <form name="form1" method="POST" action="--WEBBOT-SELF--"> <select id="select1" onchange="select1onchange()"> <option value="1">1</option> <option valu

js出生日期 年月日级联菜单示例代码

 本篇文章主要介绍了js出生日期 年月日级联菜单的示例代码.需要的朋友可以过来参考下,希望对大家有所帮助 现在世界通用的公历(阳历)也经过一个长期演变的过程.我们先看,公历每个月的日数是固定的:"七前单大,八后双大".也就是说,一.三.五.七.八.十.腊月(十二月)是31天,四.六.九.十一月是30天,只有二月,平年28天,闰年29天.   代码如下: <%@ Page Language="C#" AutoEventWireup="true"

前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例_实用技巧

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 CasMenu.aspx页面: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

js实现网页多级级联菜单代码_javascript技巧

本文实例讲述了js实现网页多级级联菜单.分享给大家供大家参考.具体如下: 这是大家在网页上经常会见到的级联菜单特效,不过这一个代码是由JS来实现,将级联菜单中的内容保存在了JS数组中,为了页面美观,本次还美化了一下表格边框,整体看上去更和谐实用了,多级的下拉菜单对网页设计来说比较实用. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-select-menu-style-codes/ 具体代码如下: <!DOCTYPE HTML

级联菜单js上传到空间不起作用

问题描述 级联菜单js上传到空间不起作用 解决方案 解决方案二:自己用谷歌调试啊.解决方案三:chrome,firefox,F12debug,楼主,只能帮你到这里了解决方案四:Debug!!解决方案五:代码都没有怎么看解决方案六:chromeF12

JS简单实现多级Select联动菜单效果代码_javascript技巧

本文实例讲述了JS简单实现多级Select联动菜单效果代码.分享给大家供大家参考.具体如下: JS联动菜单,简单代码实现JS多级Select联动菜单,也就是大家常用的一款菜单,Select联动状态的菜单,网页上经常见到的效果,希望大家能用得上. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-select-ld-menu-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD

jQuery+ajax实现无刷新级联菜单示例

  这篇文章主要介绍了jQuery+ajax实现无刷新级联菜单示例,代码很完整,也非常实用,有需要的小伙伴可以参考下. 前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

Ajax级联菜单实例代码

 本篇文章主要是对Ajax级联菜单的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.Ajax.html    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w

jQuery实现级联菜单效果

 今天我们就带大家体会一下级联菜单的显示,只是实现了简单的效果,不过大都原理是一样的 相信初学HTM+DIV+CSSl的同学们肯定也想做出淘宝网首页的菜单动画吧.今天我们就带大家体会一下级联菜单的显示.小编我只是实现了简单地效果,不过总体来说原理是一样的哦,那么先让大家看看效果图吧.    那么要实现这个效果我们当然要使用到的是jQuery,那么我就开始讲解怎么做的了,先上html和css的代码   代码如下: <!DOCTYPE html>  <html>  <head&g