帝国cms6.0实现省市三级联动

时间:2009-10-05 21:25:52  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:段省,市,区然后在前台投稿表单模板的头部加入 <SCRIPT LANGUAGE = JavaScript> <!-- //** Power by Fason(2004-3-1...
  正文:

帝国cms实现省市三级联动,先来效果图,效果如下:

省.jpg

这里以帝国cms会员中心的投稿为例,先添加字段省,市,区

然后在前台投稿表单模板的头部加入

<SCRIPT LANGUAGE = JavaScript>
<!--
//** Power by Fason(2004-3-11)
//** Email:fason_pfx@hotmail.com

var s=["province","city","area"]
function setup()
{
for(i=0;i<s.length-1;i++)
  document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
function show(){
 document.add.pro.value= document.getElementById('province1').options[document.getElementById('province1').selectedIndex].value;    
     document.add.city.value=document.getElementById('city1').options[document.getElementById('city1').selectedIndex].value;    
     document.add.area.value=document.getElementById('area1').options[document.getElementById('area1').selectedIndex].value;                            
}
//-->
</SCRIPT>
<script language="javascript" src="http://www.002pc.com/images/PCASClass.js"></script> 注下面提供些文件的下载
然后在模版的省市加入下面的代码

<tr><td width='16%' height=25 bgcolor='ffffff'>所在地区(*)</td><td bgcolor='ffffff'>省份[!--pro--]城市[!--city--]地区[!--area--]<fieldset style="padding:5px;">
        <legend>省市区选择</legend>
          请依次点选:
          <select name="province1" onclick="show();">
        </select>
        <select name="city1" onclick="show();">
        </select>
        <select name="area1" onclick="show();">
        </select>
        <br>
        </fieldset>
      <script language="javascript" defer>
     // new PCAS("Province","City");
new PCAS("province1","city1","area1","请选择省","请选择市","请选择区县");
  </script></td></tr>
加了以上代码以后那么就可进行省市联动了,不信自己可以测试一下。第二电脑网整理提供,下面提供其中的JS文件下载

 

PCASClass.rar
文件类型: .rar e11788e70e1ec27f1aeab992e96458b1.rar (16.49 KB)

 


帝国cms6.0实现省市三级联动》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/cms/ecms/11390.html


关键字:

关于《帝国cms6.0实现省市三级联动》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td