несколько полей ввода автозаполнения поиска

У меня возникла проблема с плагином jQuery для поиска автозаполнения, я не могу одновременно иметь два поля с автозаполнением. Кто-нибудь может мне помочь? Это мой HTML + Jquery код:несколько полей ввода автозаполнения поиска

<!doctype html> 

<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>jQuery UI Autocomplete - Default functionality</title> 
<link rel="stylesheet" 
    href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<!-- <script src="js/fintp/fintpAutoCompleteSearch.js"></script> --> 
<script> 
    $(function() { 
     var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", 
       "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", 
       "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", 
       "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; 
     $("#tags").autocomplete({ 
      source : availableTags 
     }); 
     $("#tags1").autocomplete({ 
      source : availableTags 
     }); 
    }); 
</script> 
</head> 
<body> 

    <div class="ui-widget"> 
     <label for="tags">Tags: </label> <input id="tags" /><br> <label 
      for="tags1">Tags: </label> <input id="tags1" /> 
    </div> 


</body> 
</html>

источник

2013-08-11 user2672998

На основе этого jsFiddle DEMO, он работает просто отлично.

$(function() { 
    var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", 
     "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", 
     "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", 
     "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
    $("#tags1").autocomplete({ 
     source: availableTags 
    }); 
});

источник

2013-08-11 20:04:30 DevlshOne

несколько полей ввода автозаполнения поиска

ответ

Смежные вопросы