Question

我有一个奇怪的问题，我在数据表中使用了typehead autocomplete，但它仅适用于第一行中的第一个输入字段，但不适用于下面的另一个

     {data: 'vendor_id',render: function (data) {

       var path = "{{ route('autocompletevendor') }}";
      $('#type1').typeahead({
        source:  function (query, process) {
        return $.get(path, { query: query }, function (mydata) {
        return process(mydata);
            });
          }
        })
               return ('<input type="text" id="type1" onClick="this.select();" value="'+data+'">');   

   }},

Answer 1

This happens because all ids are expected to be unique in the DOM。使用类选择器确保使用jQuery选择器获取所有输入：

{data: 'vendor_id',render: function (data) {

       var path = "{{ route('autocompletevendor') }}";
      $('.type1').typeahead({
        source:  function (query, process) {
        return $.get(path, { query: query }, function (mydata) {
        return process(mydata);
            });
          }
        })
               return ('<input type="text" class="type1" onClick="this.select();" value="'+data+'">');   

   }},

自动完成类型头仅适用于表中的第一个输入

1 个答案: