javascript - Dropdown populated returned "undefined" in the dropdown options -


i trying list of city names based on selected state in dropdown list getting "undefined" in dropdown options. think wrong in javascript code don't know is.

my ajax function:

function getcities(obj) { var stateid = obj.val();  $.ajax({     url:base_url+'home/get_cities',     type:'post',     data:{ 'state_id':stateid},     success:function(response){         var temp = $.parsejson(response);          if(temp.status == 'success') {              var cities = temp.data;             var opts = '';             var optsli = '';             $.each(cities,function(key,value){                 opts+='<option value="'+value.id+'">'+value.name+'</option>';                 optsli+='<li data-raw-value="'+value.id+'" class="">'+value.name+'</li>';              });              $("#city").html(opts);              $("#city").next(':eq(0)').next().html(optsli);           }         else {              return false;         }                    } });  }

my controller function in home.php file:

public function get_cities() {     $state_id = $this->input->post('state_id');     $results = $this->common_model->get_cities($state_id);     if( count($results) > 0 )     {         $response['status'] = 'success';         $response['data'] = $results;     }     else {         $response['status'] = 'error';         $response['data'] = '';         }         echo json_encode($response);         // exit; }

my function in model: 

function get_cities($state_id) {     $response = array();     $this->db->where('state_id',$state_id);         $query  = $this->db->get('cities')->result_array();     if( is_array( $query ) && count( $query ) > 0 )      {              $response['0'] = 'select city';              foreach($query $row)              {                  $response[$row['id']] = $row['name'];              }      }      return $response;  }

my dropdown list state , city in view:

<div class="form-group">      <?php echo form_label('state', 'state'); ?>      <div class="selectpickercolm personal clearfix">         <div class="slctn">         <?php echo form_dropdown('state', $states, $user['state'],array('id' => 'state','class' => 'form-control','onchange' => 'getcities($(this))')); ?>          </div>     </div> </div>                 <div class="form-group">         <?php echo form_label('city', 'city'); ?>      <div class="selectpickercolm personal clearfix">         <div class="slctn">         <?php echo form_dropdown('city', $cities, $user['city'],array('id' => 'city','class' => 'form-control')); ?>                                                 </div>     </div>  </div>

do below:-

function getcities(obj) {     var stateid = obj.val();      $.ajax({         url:base_url+'home/get_cities',         type:'post',         datatype:'json', //change here         data:{ 'state_id':stateid},         success:function(response){             var temp = response; //change here              if(temp.status == 'success') {                  var cities = temp.data;                 var opts = '';                 var optsli = '';                 $.each(cities,function(key,value){                     opts+='<option value="'+key+'">'+value+'</option>';                     //optsli+='<li data-raw-value="'+value.id+'" class="">'+value.name+'</li>';                  });                  $("#city").html(opts);                  //$("#city").html(optsli);               }             else {                 return false;             }                        }     });  }

Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more