jquery - 自动完成未完成

Question

我写了一个自动完成功能。当我单击#input3 时，它开始生成我输入的内容。

示例：“apple” 我输入“app”，然后单击选择“apple”。我选择的内容应该发送到 src 并在#input2 中更新。

问题：发送到 src 的是我输入的内容，而不是我选择的内容。为什么？

.autocomplete({
    source: function(request, response) {
        $.ajax({
            url: src,
            fillin:true,
            dataType: "json",
            data: {
                term : request.term,
                c3 : $("#input3").val()
                },
            success: function(data){
                response(data)
                }
            });
        },
    minLength: 0,
    delay: 300
    })
.change(function(request2, response) {
    $.ajax({
        url: src,
        dataType: "json",
        data: {
            term : request2.term,
            c1 : "search",
            c3: $("#input3").val()
            },
        success: function(data){
            $("#input2").val(data);
            }
        });
    })

Answer 1

您可以在 jquery ui 自动完成中使用更改事件：

 $("#your_input_id").autocomplete({
            source: availableTags,
            change: function(){
            console.log($(this).val());//selected value
            }
 });

Answer 2

我已经解决了。我在 .autocomplete 之后添加了鳕鱼

        focus: function(event, ui) {
            $("#txtBufferTwo").val(ui.item.value);
            event.preventDefault();
            },

跟随一个隐藏的字段。

我所做的是单击选择后，将值分配给隐藏字段并提交隐藏字段的值。如果有更好的方法可以在这里发帖