php - JQuery UI Autocomplete Multiple(多个输入的多个值)
问题描述
我在网上找不到答案。
这是我的输入框:
<div class="form-group">
<div id="prefetch">
<label for="external_name" class="font-weight-bold">Choose External File as Reference</label>
<input type="text" name="external_name" id="external_name" class="form-control" placeholder="External File"/>
<input type="hidden" name="external_id" id="external_id" class="form-control" value='-'/>
<small>*Previous value : <?php if(empty($sedata->external_name) == FALSE){echo $sedata->external_name;}else{echo "-";} ?></small>
</div>
</div>
这是我的jQuery代码:
$("#external_name").autocomplete({
source: function (request, response) {
// Fetch data
$.ajax({
url: "<?php echo base_url('Se/acexternalrefse') ?>",
type: 'post',
dataType: "json",
data: {
search: request.term
},
success: function (data) {
response(data);
}
});
},
select: function (event, ui) {
// Set selection
$('#external_name').val(ui.item.label); // display the selected text
$('#external_id').val(ui.item.value); // save selected id to input
return false;
}
});
这是来自模型和控制器的数据:
public function ac_externalref_se($postData){
$response = array();
if(isset($postData['search']) ){
$records = $this->db->select('*')->order_by('external_name','ASC')->like('external_name', $postData['search'],'both')->limit(10)->get('external')->result();
foreach($records as $row ){
$response[] = array("value"=>$row->external_id,"label"=>$row->external_name);
}
}
return $response;
}
public function acexternalrefse(){
$postData = $this->input->post();
$data = $this->SE_model->ac_externalref_se($postData);
echo json_encode($data);
}
输出将允许您为输入文本 external_name 和 input hidden external_id 选择 1 个值,而不是多个值
我不明白如何为多个输入获取多个值,例如:
输入文本外部名称的值 = PHP、Java、JavaScript
输入文本外部 id 的值 = 1、5、9
如果您有做多选多输入 jquery UI 自动完成的经验,请与我分享如何做,我是 js、jquery、jquery-UI 的新手...。
解决方案
nvm,我找到了答案: https ://makitweb.com/jquery-ui-autocomplete-with-php-and-ajax/
并添加
focus: function() {
return false;
},
推荐阅读
- google-sheets - 如何使 ARRAYFORMULA 与 SUMIFS 一起使用?
- java - docker OCI 运行时创建失败
- angular - 当我在 http 请求中使用时,ngx-progressbar 无法运行 bar
- flutter - Flutter Google Maps 删除标记点按右下角的导航按钮
- ios - 如何使用情节提要参考在另一个 TabBarController 中使用 TabBarController
- python - 在python中从字符串创建变量
- python - 如何合并每个数组中的值以获得一个新数组
- sql - 改进使用标量值函数的 sql 查询
- powershell - 如何在 PowerShell 中删除行范围
- python - 释放按钮后调用的 keyPressEvent