使用输入数组进行Jquery自动完成

时间:2014-10-17 06:30:31

标签: jquery html

我创建了一个自动完成jquery,但此脚本仅用于非数组输入。如何更改此脚本以便在数组输入中使用。 这是html代码的示例脚本:

<table>
  <?php 
     for(i=0,i<7,i++){
  ?>
  <tr>
     <td>
          <input type="text" name="gaccnum[]" />
     </td>
  </tr>
  <?php
     }
  ?>
</table>

这是javascript中自动完成的脚本:

    $(function () {
    var collectionArray = $.map(collection, function (value, key) { return { value: value, data: key }; });

    // Initialize ajax autocomplete:
    $('input[name="gaccnum[]"]').each(function(key,value){
        $(this).autocomplete({
            // serviceUrl: '/autosuggest/service/url',
            lookup: collectionArray,
            lookupFilter: function (suggestion, originalQuery, queryLowerCase) {
                var re = new RegExp('\\b' +       $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi');
            return re.test(suggestion.value);
            },
            onSelect: function (suggestion) {
                $('#selction-ajax').html('You selected: ' + suggestion.value + ', ' +    suggestion.data);
            },
            onHint: function (hint) {
            $('#autocomplete-ajax-x').val(hint);
            },
            onInvalidateSelection: function () {
                $('#selction-ajax').html('You selected: none');
            }
        });
    });
});

此模块仅适用于第一行。

0 个答案:

没有答案