关于省市级联菜单显示的问题

问题描述

我从网上找了一段javascript的省市级联代码,Ajax的我不会,新写了一个页面,把代码复制到页面上,没有问题,但是,放到我项目里的时候,结果写2个才能显示出来一个,写一个话就获取不到省市的值,有高手可以解决一下吗?谢了,本人实在笨,求高手解决了给我。js的代码:functionFillProvinces(selProvince){selProvince.options[0]=newOption("请选择","000000");for(i=0;i<Provinces.length;i++){selProvince.options[i+1]=newOption(Provinces[i][1],Provinces[i][0]);}selProvince.options[0].selected=true;selProvince.length=i+1;}functionFillCitys(selCity,ProvinceCode){//iftheprovinceisadirect-managedcity,likeBeijing,shanghai,tianjin,chongqin,hongkong,macro//neednot"请选择选项"if(ProvinceCode=="110000"||ProvinceCode=="120000"||ProvinceCode=="310000"||ProvinceCode=="810000"||ProvinceCode=="820000"||ProvinceCode=="500000")count=0;else{selCity.options[0]=newOption("请选择",ProvinceCode);count=1;}for(i=0;i<Citys.length;i++){if(Citys[i][0].toString().substring(0,2)==ProvinceCode.substring(0,2)){selCity.options[count]=newOption(Citys[i][1],Citys[i][0]);count=count+1;}}selCity.options[0].selected=true;selCity.length=count;}functionProvince_onchange(){FillCitys(g_selCity,g_selProvince.value);}functionInitCitySelect(selProvince,selCity){//alert("begin");g_selProvince=selProvince;g_selCity=selCity;selProvince.onchange=Function("Province_onchange();");FillProvinces(selProvince);Province_onchange();}functionInitCitySelect2(selProvince,selCity,CityCode){InitCitySelect(selProvince,selCity)for(i=0;i<selProvince.length;i++){if(selProvince.options[i].value.substring(0,2)==CityCode.substring(0,2)){selProvince.options[i].selected=true;}}Province_onchange();for(i=0;i<selCity.length;i++){if(selCity.options[i].value==CityCode){selCity.options[i].selected=true;}}}//--></script>页面的代码:<tr><tdalign="right"class="ftit">所在地区:</td><tdalign="left"><tdcolspan="2"align="center"><formname="profile"method="post"><selectid="province"size="1"name="memberTab.province"><optionselected="selected"></option></select><selectid="city"size="1"name="memberTab.city"><optionselected="selected"></option></select><scriptlanguage="javascript">InitCitySelect(document.profile.province,document.profile.city);</script></form><formname="profile"method="post"><selectid="province"size="1"name="memberTab.province"><optionselected="selected"></option></select><selectid="city"size="1"name="memberTab.city"><optionselected="selected"></option></select><scriptlanguage="javascript">InitCitySelect(document.profile.province,document.profile.city);</script></form></td></tr>页面显示的时候如果不写2个form,就无法获取到省市的值,写了2个以后,第二个才能获取出来值,第一个form是空的,不知道怎么回事?Js代码太长了,我是把所有值都放在js里的

时间: 2024-10-10 03:16:56

关于省市级联菜单显示的问题的相关文章

javascript 省市级联菜单

<SCRIPT LANGUAGE="JavaScript"> function setcity() { switch (document.reg.huji.value) { case '北京': var labels = new Array("北京市"); var values = new Array("北京市"); break; case '天津' : var labels = new Array("天津市");

js select 省市级联菜单(读取xml json)

<script type="text/网页特效" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> function loadxml(xmlpath){  var xmldoc=null;  if (window.activexobject){   xmldoc=new activexobject("micro

java省市级联下拉菜单实例代码_java

本文实例为大家分享了java省市级联的具体代码,供大家参考,具体内容如下 1.LoadAreaServlet.java package com.scce.servlet; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; im

Bootstrap+jfinal实现省市级联下拉菜单_javascript技巧

小小一个省市级关联菜单,却耗费了一个很多时间来摸索,原因在于对jquery不熟练,既然这么辛苦完成了一个组件,自然想要共享出来,让需要的人使用. 这只是一个基础版,后续还要再进行优化. 代码:省市级关联菜单下载地址 说明: sql语句就不再说了,里面有"city.sql"."provincial.sql"两个文件. 1.先说说获取数据 public void initProcitys() { logger.info("获取所在地区"); List

AJAX实现web页面中级联菜单的设计

ajax|web|菜单|设计|页面 看了大峡搞的级联菜单,我也班门弄斧一把,嘿嘿,花了一点时间搞了个级联菜单贴上来看看.本例中只要你选择成员分类名称就会自动显示成员名称:    首先在eclipse中建一个项目,名称你自己做主了,这里为Easyjf-menu,对应的浏览器页面代码为: Easyjf-menu.jsp <@page contentType="text/html;charser=UTF-8" language="java"%> <hea

PPT幻灯片级联菜单如何制作

  有时我们希望在幻灯片中使用级联菜单,用于在各幻灯片之间进行切换.PPT中通常的做法是,利用文本框之类的元件组成菜单,利用触发器或超链接进行设置,再把设置好的菜单复制到每张幻灯片中,这样做很繁琐.另一种做法是用VBA代码编程解决,这更令人普通人为难.这里向大家介绍一种更为简单的制作幻灯片菜单的方法--通过Lectora Inspire软件制作交互式幻灯片. 实例:制作一个级联菜单,有5个主菜单,每个菜单下有若干个子菜单,点击子菜单后能够切换到相应的幻灯片中(图1). 1. 添加必要菜单 运行L

jQuery实现级联菜单效果

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

jQuery实现级联菜单效果(仿淘宝首页菜单动画)_jquery

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

ajax级联菜单实现方法实例分析_javascript技巧

本文实例讲述了ajax级联菜单实现方法.分享给大家供大家参考,具体如下: 效果如下: 选择第一项,第二项.第三项的内容跟着改变. 选择第二项,第三项的内容跟着改变. 第三项则不影响第一项和第二项. 有几点值得提: 1.html到底是前台拼接还是后台拼接. 我选择的是前台拼接,这样可以节省流量,和后台的资源.这也比较符合程序处理,一般后台只负责提供数据. 通过json传递给前台,完了前台获取进行处理. ajax函数 function ajaxgetbigclass(val){ $.ajax({ t