城市三级联动解决办法-JavaSript-爱易网页

城市三级联动解决办法

日期：2014-05-16　浏览次数：20366 次

城市三级联动
我用的城市的三级联动脚本，现在页面出来了，因为需要得到我在页面上选择的城市，很多人让我用ajax，但是新手不会，有木有大神可以指点的，让我知道怎么弄的，或者有demo的
我参考的脚本链接http://www.jb51.net/article/31965.htm
------解决方案--------------------
去下个jquery的手册里面有ajax的详细介绍和使用
jQuery ajax - ajax() 方法
------解决方案--------------------
我没用ajax实现，因为我觉得与其每次选择都给服务器发一个请求还不如都放在客户端呢，现在客户端的能力都这么强了，还老占用服务器端资源干嘛。
给你一个我之前做的三级地区级联选择的列子：http://download.csdn.net/detail/ivyandrich/6944783
用起来很简单：

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.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<script language="javascript" type="text/javascript" src="min.js"></script>

<script language="javascript" type="text/javascript" src="area_choose.js"></script>

<title>suv 更多</title>

</head>



<body>

	<form action="" method='post'>

		省份<select id='prov'></select>

		城市<select id='city'></select>

		地区<select id='town'></select>

	</form>

	<script>

		$(document).ready(

			function()

			{

				$.areainit();

			}

		);

	</script>

</body>

</html>

min.js是一个jquery的1.4.2的版本，area_choose.js是功能和数据js，包含三级行政区划的名称以及相关级联功能，用之前先在area_choose.js中把省市县的三个select框的ID修改一下

var _area_choose = {

	provid:'prov',		//省份下拉框id

	cityid:'city',		//地级市下拉框id

	townid:'town'		//县级市下拉框id

}

_area_choose.area      = new Array();

------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>列表框中事件应用</title>
    <script type="text/javascript"
            src="Jscript/jquery-1.4.2-vsdoc.js">
    </script>
    <script type="text/javascript"
            src="Jscript/jquery-1.4.2.js">
    </script>
    <style type="text/css">
           body{font-size:13px}
           .clsInit{width:435px;height:35px;line-height:35px;padding-left:10px}
           .clsTip{padding-top:5px;background-color:#eee;display:none}
           .btn {border:#666 1px solid;padding:2px;width:65px;float:right;margin-top:6px;margin-right:6px;
           filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
    </style>
  <script type="text/javascript">
      $(function() {
          function objInit(obj)

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

城市三级联动解决办法

相关资料更多>

推荐阅读更多>