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 autocomplete中使用change事件：

 $("#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();
            },

跟随隐藏的字段。

我所做的是点击一次选择，将值分配给隐藏字段并提交隐藏字段的值。如果有更好的方法可以随时发布

自动完成不完全

2 个答案: