我的自动完成功能在 codeigniter 中不起作用

Posted 2023-05-08

【中文标题】我的自动完成功能在 codeigniter 中不起作用

【英文标题】：my autocomplete is not working in codeigniter

【发布时间】：2019-02-07 06:52:18

【问题描述】：

myautocomple 在 codeiginiter 中不起作用 甚至我的 chrome 调试器 --> 网络 --> 也显示了正确的结果。 这是我的视图文件代码：

<input type="text" class="form-control select_group product" style="text-transform: uppercase;" id="gang" name="gang" placeholder="Gangman Name" autocomplete="off" >
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">            
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function()
$( "#gang" ).autocomplete(
source: "<?php echo base_url('Issue/getGangName/?');?>",
minLength: 3
);
);
</script>

这是我的控制器功能

public function GetGangName()

  $this->load->model('Issuemodel');
  $gangdata=$this->Issuemodel->GetGang();        
  echo json_encode($gangdata);

【问题讨论】：

欢迎。你是什​​么意思“不起作用”？输入 3 个字符时没有任何反应？请展示你的 json 的样子。

实际上它显示的是盒子但没有显示其中的数据。这是我的 json:- ["gang_name":" NARAYAN SINGH CHUNDAWAT MLS","gang_name":" RADHESHYAM SARGRA RMCH 2","gang_name":" TRILOK CHANDRA SUTHAR RMCH 2","gang_name ":"ASLAM KHAN","gang_name":"BHARAT SINGH","gang_name":"Bhrth Raj Mehta RMCH 2","gang_name":"CHANDRA PAL SINGH","gang_name": "Deepak sharma","gang_name":"DEVI LAL KACHI","gang_name":"GAANGA SINGH RATHORE"]

【参考方案1】：

根据jQuery UI Autocomplete's docs，您的 PHP 处理程序应该以如下形式返回数据：

[
  "NARAYAN SINGH CHUNDAWAT MLS",
  "RADHESHYAM SARGRA RMCH 2",
  // ...
]

或类似的形式：

[
   "label": "some label", "value": "NARAYAN SINGH CHUNDAWAT MLS" ,
   "label": "some label", "value": "RADHESHYAM SARGRA RMCH 2" ,
  // ...
];
// Note: should work with only the "value" key if you don't need the labels

使用原始数据的示例（我只是更改了相关的代码块）：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
  $(document).ready(function() 
    $("#gang").autocomplete(
      source: [
        "value": "NARAYAN SINGH CHUNDAWAT MLS"
      , 
        "value": "RADHESHYAM SARGRA RMCH 2"
      , 
        "value": "TRILOK CHANDRA SUTHAR RMCH 2"
      , 
        "value": "ASLAM KHAN"
      , 
        "value": "BHARAT SINGH"
      , 
        "value": "Bhrth Raj Mehta RMCH 2"
      , 
        "value": "CHANDRA PAL SINGH"
      , 
        "value": "Deepak sharma"
      , 
        "value": "DEVI LAL KACHI"
      , 
        "value": "GAANGA SINGH RATHORE"
      ],
      minLength: 3
    );
  );
</script>

<input type="text" class="form-control select_group product" style="text-transform: uppercase;" id="gang" name="gang" placeholder="Gangman Name" autocomplete="off">