2015-07-19 76 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