【问题标题】:autocomplete not ful complete自动完成未完成
【发布时间】:2012-08-06 12:18:01
【问题描述】:

我写了一个自动完成功能。 当我单击#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);
            }
        });
    })

【问题讨论】:

  • 在 input2 上绑定自定义事件,然后通过 select: 触发并更改自动完成事件。
  • 如何通过select触发?
  • 在提出另一个问题之前,请返回并选择一个回答您的 7 个未决问题。
  • 抱歉,不知道我必须回答他们。
  • 啊,我明白了,我必须点击勾号!

标签: jquery ajax jquery-autocomplete


【解决方案1】:

你可以在 jquery ui 自动完成中使用 change 事件:

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

【讨论】:

  • 我在 'minLength: 0' 之前添加了代码,它没有响应。
【解决方案2】:

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

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

跟随一个隐藏的字段。

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

【讨论】:

    猜你喜欢
    • 2015-08-20
    • 2012-06-12
    • 2013-04-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-31
    相关资源
    最近更新 更多