form autocompletamento

  • Creatore Discussione Creatore Discussione neo1976
  • Data di inizio Data di inizio

neo1976

Nuovo Utente
27 Mar 2015
11
0
1
buongiorno a tutti, ho configurato correttamente questo form che si autocompleta: http://jqueryui.com/autocomplete/#default

come faccio a farlo diventare eseguibile?vorrei che ogni parola fosse collegata ad un link e selezionandola si vada automaticamente in quel link (o creando un pulsante di invio).

vi ringrazio in anticipo per ogni eventuale aiuto.
 
questo è il codice, come faccio ad esempio collegare la parola "basic" a un link e una volta selezionata far aprire direttamente quel link?

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="jquery/jquery-ui.js"></script>
<style>
.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
max-width: 320px;
min-width:320px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;

}
</style>
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>

<div class="ui-widget" >
<label for="tags" ></label>
<input id="tags" >


</div>
</div>

</div>
</body>
</html>
 

Discussioni simili