estoy intentando probar a hacer lo siguiente utilizando jquery-ui:
tengo dos campos:
Código HTML:
<div class="ui-widget col-xs-12 col-sm-6"> <label for="origen">Origen</label> <input id="origen" /> </div> <div class="ui-widget col-xs-12 col-sm-6"> <label for="destino">Destino</label> <input id="destino" /> </div>
Código HTML:
<script src="http://code.jquery.com/jquery.js"></script> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script type="text/javascript"> //autocompletado $( function() { var availableOrigen = [ "paris", "roma", "londres", "pekin" ]; $( "#origen" ).autocomplete({ source: availableOrigen }); } ); $( function() { var availableDestino = [ "Londres capital", "Boston", "Bruselas", "Pekin airport", ]; $( "#destino" ).autocomplete({ source: availableDestino }); } ); </script>