2015-07-19 73 views
0

有2下拉列表:下拉列表Ajax不是工作

  1. 項目
  2. 情節詳細

我的問題是:一旦Project被選中,那麼Plot Details獲取正確填充,但,當Dropdown的Plot Details得到選擇,然後Chrome掛斷。

要繼續,我必須刷新頁面。我希望Plot Details(下拉式)值可以調用另一個ajax調用。

的JavaScript

$(document).ready(function() { 
    $('.get_member_name').live('change', function() { 
     alert('hello') 
     var project = $('#project').val(); 
     var plot_details = $('#plot_details').val(); 
     var base_url = $('#base_url').val(); 
     if (project && plot_details) { 
      $.ajax({ 
       type: "POST", 
       url: base_url + "admin/get_member_name", 
       data: {'category': category}, 
       dataType: "html", 
       success: function(result) { 
        alert(result) 
       } 
      }) 
     } 
    }); 
}) 

HTML

<div class="form-group"> 
     <label class="col-md-3 control-label" for="inputSuccess"> 
      Plot Details : 
     </label> 
     <div class="col-sm-9"> 
      <select class="form-control get_member_name" name="plot_details" required="required" id="plot_details"> 
       <option value="" id="opp12">Select Plot</option> 
      </select> 
     </div> 
</div> 

PHP

public function get_plot_details() { 
    if ($this->session->userdata('role_id') == 1) { 
     $data['record'] = $this->db->get_where('plot_details', array('project_id' => $this->input->post('project')))->result(); 
     print_r($this->load->view('admin/ajax_data', $data, TRUE)); 
    } else { 
     redirect('home/login'); 
    } 
} 

查看P年齡

if (isset($record) && $record != NULL && $record != "") { 
    foreach ($record as $m) { 
     echo '<option value="' . $m->id . '">&nbsp;' . $m->plot_number . ' Area ' . $m->total_area . '</option>'; 
    } 
} 
+1

沒有人可以幫你沒有代碼。 – Deep

+0

k等待我會發布代碼... – user3302950

+0

當我將選擇劇情詳情下拉列表中,然後我已經在js代碼中設置警報,但它沒有迴應任何事情,突然它掛起。 – user3302950

回答

0

我能看到你用「工程」在你的PHP從數據庫獲取記錄。但是在你的ajax中,你傳遞了請求數據的'category'。可能是這個導致問題。因此,而不是

$.ajax({ 
    type: "POST", 
    url: base_url + "admin/get_member_name", 
    data: {'category': category}, 
    dataType: "html", 
    success: function(result) { 
       alert(result) 
       } 
}) 

使用

$.ajax({ 
     type: "POST", 
     url: base_url + "admin/get_member_name", 
     data: {'project': project}, 
     dataType: "html", 
     success: function(result) { 
        alert(result) 
        } 
    }) 
+0

Ohhhoo ....感謝很多這是愚蠢的錯誤... 謝謝你所有的用戶來幫助我。 – user3302950