Changeset 906 for pro-violet-viettel/sourcecode/application/modules/frontend/views/user_infor.php

Timestamp:

Apr 23, 2015 12:00:06 PM (10 years ago)

Author:

namnd

Message:

 

File:

• pro-violet-viettel/sourcecode/application/modules/frontend/views/user_infor.php (modified) (3 diffs)

pro-violet-viettel/sourcecode/application/modules/frontend/views/user_infor.php

@@ -26 +26 @@
             <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tỉnh / Thà nh phố</label>
             <div class="col-sm-8">
-                <select name="province" id="form-field-province" class="form-field-province col-xs-12 col-sm-10">
+                <select name="province" id="form-field-province" class="form-field-province-user col-xs-12 col-sm-10">
+                                        <option></option>
                     <?php foreach ($provinces as $key => $pro): ?>
                         <option value="<?php echo $key; ?>" <?php if ($user['province'] == $key) echo "selected"; ?>><?php echo $pro; ?></option>
@@ -38 +39 @@
                         <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Quận / Huyện</label>
                         <div class="col-sm-8">
-                                <select name="district" id="form-field-district" class="form-field-district col-xs-12 col-sm-10">
+                                <select name="district" id="form-field-district" class="form-field-district-user col-xs-12 col-sm-10">
 
                                 </select>
@@ -60 +61 @@
 var district_id = "<?php echo $user['district']; ?>";
 var province_id = "<?php echo $user['province']; ?>";
+
 $(document).ready(function(){
-        $(".form-field-province").change(function(){
+        $(".form-field-province-user").change(function(){
                 changeEventProvince(province_id);
         });
-        if ($(".form-field-province").val() !== 'undefined'){
+        if ($(".form-field-province-user").val() !== 'undefined'){
                 checkSelectedDistrict(province_id);
         }
 });
+
+function changeEventProvince(provinceId){
+        $(".form-field-district-user").html("");
+        $.ajax({
+        url: '/frontend/user/getDistrict/' + provinceId,
+        type: 'POST',
+        success: function (data, textStatus, jqXHR)
+        {
+            result = jQuery.parseJSON(data);
+                        content = "<option></option>";
+                        if (result != null){
+                                for (var i in result){                  
+                                        content = content + '<option value="' + result[i].district_id + '">'+ result[i].type + " "  + result[i].district_name + '</option>'
+                                }
+                        }
+                        $(".form-field-district-user").html(content);
+        }
+    });
+}
+
+function checkSelectedDistrict(provinceId){
+        $.ajax({
+        url: '/frontend/user/getDistrict/' + provinceId,
+        type: 'POST',
+        success: function (data, textStatus, jqXHR)
+        {
+            result = jQuery.parseJSON(data);    
+                        content = "<option></option>";
+                        if (result != null){
+                                for (var i in result){
+                                        if (result[i].district_id === district_id){
+                                                content = content + '<option value="' + result[i].district_id + '" selected >' + result[i].type + " " + result[i].district_name + '</option>';
+                                        }else{
+                                                content = content + '<option value="' + result[i].district_id + '">' + result[i].type + " "  + result[i].district_name + '</option>';
+                                        }
+                                }
+                                
+                        }
+                        $(".form-field-district-user").html(content);
+        }
+    });
+}
 </script>