【问题标题】:Checkbox autocomplete not select previous checked value in Jquery Ajax复选框自动完成未在 Jquery Ajax 中选择先前选中的值
【发布时间】: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


    【解决方案1】:

    我已尝试使用 GET 方法使用相同的代码来获取字符串,并且正在传输所有数据。代码看起来不错。接收数据的代码一定有问题。如果您想在查询中添加一些内容,可以在此答案下方进一步评论。

    【讨论】:

    • 让我解释一下,例如,现在我搜索一些文本“abc”,然后显示带有复选框的选项列表,然后我选择 4 个复选框,然后我搜索另一个文本“Xyz”,然后我再次选中了 3 个复选框然后应该发布总“7”复选框值,但不仅最新值(3)正在发布,我想发布“以前”+“当前”数据
    • var mew = $("#resultDiv input:checked"); $('#resultDiv').html(''); mew.each(function (item, value) { $('#resultDiv').append(value) }); $("#resultDiv").append(" ");
    • 在添加来自 ajax 的新项目之前输入此代码
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-01-21
    • 2012-02-09
    • 2018-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多