猿问

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;

            }

        });


输出将允许您为输入文本 external_name 和 input hidden external_id 选择 1 个值,而不是多个值


我不明白如何为多个输入获取多个值,例如:


输入文本外部名称的值 = PHP、Java、JavaScript


输入文本外部 id 的值 = 1、5、9


如果您有做多选多输入 jquery UI 自动完成的经验,请与我分享如何做,我是 js、jquery、jquery-UI 的新手...。


ibeautiful
浏览 282回答 1
1回答

鸿蒙传说

nvm,我找到了答案:&nbsp;https ://makitweb.com/jquery-ui-autocomplete-with-php-and-ajax/并添加focus:&nbsp;function()&nbsp;{&nbsp; &nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;},
随时随地看视频慕课网APP
我要回答