【发布时间】:2021-09-27 04:54:24
【问题描述】:
我正在使用 Php 进行“自动完成 ajax 搜索”,我正在从 数据库成功,现在每当我搜索某些内容时,就会显示带有复选框的结果 ,但是每当我搜索任何文本并选中任何“复选框”然后搜索另一个文本并选中另一个复选框时,前一个复选框也应该发布,但是当前代码只有当前复选框(显示在屏幕中)值发布 ,我如何发布所有“选中的复选框值”(带有先前搜索和当前搜索的复选框)?这是我的代码
<input type="text" id="autouser" name="coin" class="form-control">
<div id="resultDiv"></div>
<script type='text/javascript'>
$(document).ready(function(){
$( "#autouser" ).autocomplete({
source: function( request, response ) {
// Fetch data
$.ajax({
url:'<?php echo base_url();?>main/CoinReords',
type: 'post',
dataType: "json",
data: {
search: request.term
},
success: function( data ) {
$("#resultDiv").html("");
$.each(data, function(i, record) {
console.log(record.label);
$("#resultDiv").append("<input type='checkbox' value='" + record.label + "' id='chk-" + i + "' name='CoinName[]' /> " + record.label);
});
}
});
},
select: function (event, ui) {
$('#autouser').val(ui.item.label); // display the selected text
$('#resultDiv').selectedItems.push(ui.item.label);
return false;
}
});
});
</script>
【问题讨论】:
标签: javascript php jquery ajax