0

如果可能的话，在一点帮助之后，

我使用 Codeigniter 框架，并且我已经设法让 jQuery 自动完成工作，以及来自 mysql 数据库的信息。

但是在获取自动完成的结果以在文本字段中显示其他信息时有点卡住了。

我现在只是想了解 Jquery，但对它的了解非常有限，因此任何帮助或指示都会有很大帮助。

我的 JS 代码

$(document).ready(function() {

$(function() {
    $( "#Name" ).autocomplete({
            source: function(request, response) {
                $.ajax({ url: "<?php echo site_url('autocomplete/namesuggestions'); ?>",
                data: { term: $("#Name").val()},
                dataType: "json",
                type: "POST",
                success: function(data){
                    response(data);
                }
            });
        },
        minLength: 1
        });
    });
});

有两个输入框，其 id 为 Name，另一个为 Address

只是为了让事情更加混乱，我可以让地址出现在名称中，地址在自动完成时出现在名称文本框中？

任何帮助将不胜感激

4

1 回答 1

1

您必须映射 ajax 响应的响应并填充其他输入框 onselect 您可以select:像这样在自动完成中使用选项

var source_name = {
        source:function(request, response){
            $.getJSON('your url and parameter as get',function(data){
                if(data != null){
                    response($.map(data, function (item) {
                        return {
                            value: item.name,
                            addr: item.addr
                        }
                    }));
                }
            });
        },
        select: function(event, ui){
        $('#addr').val(ui.item.addr);

        }
    };

$('#Name').autocomplete( source_name);

如果您使用 jquery ui 并且正确返回 json 以获取值，这将正常工作。希望这可以帮助你。

于 2013-10-15T10:45:54.937 回答