Question

我正在使用 twitter bootstrap typeahead ，我有两个java脚本函数来初始化自动完成

  function autocomplete1(phr_type) { 
                $('.typeahead').typeahead({                                
                   name: 'arabic',                                                             
                   remote: '/ajax/autocomplate?type='+1+'&q=%QUERY',                                         
                   limit: 10 ,
                   valueKey : 'arabic_term',

                  });
}

function autocomplete2(phr_type) {
      $('.typeahead2').typeahead({                                
         name: 'arabic',                                                             
         remote: '/ajax/autocomplate?id=3&q=%QUERY',                                         
         limit: 10 ,
         valueKey : 'arabic_term',

        });
}

我有两个输入

<input type="text" class="typeahead2"/>

<input type="text" class="typeahead"/>

我使用

启动自动完成功能

$(document).ready(function(){
    autocomplete1();
    autocomplete2();
});

但是当我在第二个输入内输入时，所有请求都从第一个函数中获取参数 id 参数不在第二个输入中发送。

查询参数在两个函数中运行良好但Id不发送，只有第一个参数发送。

因此所有请求都将如下：

GET http://host/ajax/autocomplate?type=1&q=xy
GET http://host/ajax/autocomplate?type=1&q=zx

我必须做什么来解决这个问题并发送动态参数。

由于

Answer 1

尝试在两个插件实例化中使用不同的name。

twitter bootstrap typeahead用于同一页面中的多个输入

1 个答案: