下拉列表ajax不起作用

Posted 2023-02-24

【中文标题】下拉列表ajax不起作用

【英文标题】：Dropdown List ajax is not working

【发布时间】：2015-10-08 12:15:13

【问题描述】：

有2个下拉列表：

项目 情节详情

我的问题是：一旦选择了Project，然后Plot Details 得到正确填充，但是当下拉列表的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');
    

查看页面

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

【问题讨论】：

没有代码没有人可以帮助你。

k 等一下，我会发布代码...

什么时候我会选择绘图详细信息下拉列表然后我在 js 代码中设置了警报，但它没有响应任何东西并突然挂起。

您是否收到控制台错误？

你在哪里设置 var category 来自你的 ajax 中的 data？

【参考方案1】：

我可以看到您在 php 中使用了“项目”来从数据库中获取记录。但是在您的 ajax 中，您正在传递请求数据“类别”。可能是这个引起了问题。所以不是

$.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)
                  
     )

【讨论】：

Ohhhoo .... 非常感谢这是个愚蠢的错误...感谢所有用户帮助我。