官网受理增加 区域选择

WebSite/js/shouli.js

@@ -9,7 +9,13 @@ $(document).ready(function () {
     //主题关键词
     ZT($("#keys"));
     //事件区域
-    QY($('#sourcearea'));
+    QY($('#sourcearea'),0);
+    $('#sourcearea').change(function(){
+    	QY($('#town'),$(this).val())
+    })
+    $('#town').change(function(){
+    	QY($('#village'),$(this).val())
+    })
 
     //上传附件
     $("#scwj").click(function () {
@@ -130,7 +136,7 @@ $(document).ready(function () {
 	            //=投诉人电话
 	            //cusaddress: cusaddress,
 	            sourcearea: sourcearea,
-	            sourceaddress: sourceaddress,
+	            sourceaddress: $('#town').find("option:selected").text()+" "+$('#village').find("option:selected").text()+" "+$('#sourceaddress').val(),
 	            zipcode: zipcode,
 	            email: email,
 	            title: title,
@@ -223,21 +229,26 @@ function ZT(obj) {
     	}
     });
 }
-function QY(obj) {
+function QY(obj,aid) {
     obj.empty();
     //obj.append('<option selected="selected" value="">请选择</option>');
      $.ajax({
     	type:"get",
-    	url:huayi.config.callcenter_url + "web/GetWebAreaList",
+    	url:huayi.config.callcenter_url + "Web/GetWebAreaListById",
     	async:true,
     	dataType:'json',
+    	data:{
+    		id: aid,
+    	},
     	success:function(data){
     		if (data.state.toLowerCase() == "success") {
             var content = data.data;
             $(content).each(function (i, n) {
                 $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
             })
+            obj.trigger('change')
         }
+    		
     	}
     });
 }

WebSite/tousu.html

@@ -18,7 +18,7 @@
         #sourceaddress {
             display: inline-block !important;
             vertical-align: middle !important;
-            width: 80% !important;
+            width: 50% !important;
             border: 1px solid #ccc !important;
             text-align: initial !important;
             color: #333 !important;
@@ -60,7 +60,14 @@
 			font-style: normal;
 			font-weight: bolder;
 		}
-
+			.adressBox div{
+				display: inline-block;
+				width: 48%;
+			}
+		.adressBox select{
+			display: inline-block;
+			vertical-align: middle;
+		}
 
     </style>
 		<!--[if lt IE 9]>
@@ -356,8 +363,13 @@
                                         </tr>
                                         <tr>
                                             <td><i class="must">*</i>事件地址：</td>
-                                            <td colspan="3">
-                                                <select name="" id="sourcearea"></select>
+                                            <td colspan="3" class="adressBox">
+                                            	<div>
+                                            		 <select name="" id="sourcearea"></select>
+	                                                <select name="" id="town"></select>
+	                                                <select name="" id="village"></select>
+                                            	</div>
+                                               
                                                 <input type="text" id="sourceaddress" placeholder="请输入详细地址..." />
                                             </td>
                                         </tr>