JQuery选择自动完成问题答案

【问题标题】：JQuery Chosen autocomplete issueJQuery选择自动完成问题
【发布时间】：2020-09-04 11:44:35
【问题描述】：

我有一个产品列表（大约 18000 个），所以我喜欢使用自动完成功能加载其中的一些当用户磁带 S 我有项目包含 S

这是我的代码

 <div class="chzn-panel">
                                <select id="nomenclature_pv_recherche" name="nomenclature_pv_recherche" data-placeholder="<?php echo  JText::_('COM_TKTRANSIT_DOSSIER_PV_NOMENCLATURE'); ?>" class="chzn-select-deselect"  style="width: 256px;">
                                    <?php 
                                        //echo JHtml::_('select.options', TkTransitHelper::getOptionsWithFieldName('nomenclature',"code",JText::_('COM_TKTRANSIT_DOSSIER_PV_NOMENCLATURE_OPTION')),'value', 'text', '');
                                        //echo JHtml::_('select.options', array(),'value', 'text', '');  
                                    ?>
                                    <option value="">- Select Option -</option>
                                </select>
                            </div>
                            <script type="text/javascript"> 
                                $("#nomenclature_pv_recherche").chosen({allow_single_deselect:true}); 
                            </script>

对于 Javascript 我有这个

$("#nomenclature_pv_recherche").chosen();
        $('#nomenclature_pv_recherche input').autocomplete({
            source: function( request, response )
            {
                alert(request);
                alert(response);
                $.ajax({
                    url:  'index.php?option=com_tktransit&task=privileges_fiscaux.getNomenclatureWithString',
                    data: {nomenclature:request.term},
                    dataType: "json",
                    success: function( data )
                    {
                        $('#nomenclature_pv_recherche').empty();
                        response( $.map( data, function( item )
                        {
                            $('#nomenclature_pv_recherche').append('<option value="'+item.id+'">' + item.code + '</option>');

                        }));
                        $("#nomenclature_pv_recherche").trigger("chosen:updated");
                    }
                });
            }
        });

我不知道为什么我没有警报，没有 Ajax 小程序

怎么了？

jQuery 3.5.1 jQueryUI 1.12.1 选择 1.8.7 谢谢你

【问题讨论】：

标签： javascript jquery joomla2.5 jquery-chosen

【解决方案1】：

$("#tags")
// don't navigate away from the field on tab when selecting an item
.on("keydown", function(event) {
    if (event.keyCode === $.ui.keyCode.TAB &&
        $(this).autocomplete("instance").menu.active) {
        event.preventDefault();
    }
})
.autocomplete({
    minLength: 0,
    source: function(request, response) {
        // delegate back to autocomplete, but extract the last term
        response($.ui.autocomplete.filter(
            availableTags, extractLast(request.term)));
    },
    focus: function() {
        // prevent value inserted on focus
        return false;
    },
    select: function(event, ui) {
        var terms = split(this.value);
        // remove the current input
        terms.pop();
        // add the selected item
        terms.push(ui.item.value);
        // add placeholder to get the comma-and-space at the end
        terms.push("");
        this.value = terms.join(", ");
        return false;
    }
});

You can see DEMO

【讨论】：