Ho una casella di testo di completamento automatico che ha bisogno di rispondere a 2 eventi:jQuery completamento automatico
- Quando l'utente è fatto a digitare qualcosa nella casella di testo (Attualmente sto usando
focusout
ad assumere quando l'utente è fatto Quindi, se un utente esce da una casella di testo, significa che l'utente ha finito di digitare.) - Quando l'utente seleziona un elemento nell'elenco di valori di completamento automatico (sto usando l'evento di completamento automatico
select
per determinarlo)
Il problema:
Quando l'utente seleziona un elemento nell'elenco completamento automatico dei valori, la catena di evento è tale che focusout
si chiama, poi il select
. Quando in focusout
, ho solo accesso a ciò che l'utente ha digitato, non a ciò che l'utente ha selezionato om l'elenco di valori di completamento automatico - ed è quello che effettivamente ho bisogno. Come posso risolvere questo problema?
passaggi per riprodurre il problema:
- Nella casella di testo, digitare la lettera
a
- Selezionare
ActionScript
dalla lista di completamento automatico dei valori prestare attenzione ai messaggi console.debug:
focusout event called a select event called ActionScript
Ecco il codice:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<title>Data Matching</title>
</head>
<body>
<form>
<input id="1" type="text"></input>
<input id="2" type="submit"></input>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$('#1').autocomplete(
{
select: function (event, ui)
{
"use strict";
console.debug('select event called');
console.debug(ui.item.value);
},
source: ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"],
minLength: 1
});
$('#1').focusout(function()
{
"use strict";
console.debug('focusout event called');
console.debug($(this).attr('value')); // At this point, I need the value that was selected from autocomplete. I only get the value that the user typed, though
});
</script>
</body>
</html>
Questo ha funzionato. Mi sono sbarazzato del gestore di eventi 'focusout'. Grazie. – StackOverflowNewbie
Fantastico, felice di aiutare. –
Inoltre, ricorda di accettare la risposta se ha aiutato ':' –