Autocomplete : "désactiver" item déjà sélectionné
Bonjour,
J'utilise le code de la démo de l'autocomplete JQUERY UI :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<script>
$(function() {
function log( message ) {
$( "<div/>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$( "#birds" ).autocomplete({
source: "search.php",
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value );
event.target.value = ''; //pour effacer le champ input après sélection d'un item
return false;
}
});
});
</script>
<div class="demo">
<div class="ui-widget">
<label for="birds">Birds: </label>
<input id="birds" />
</div>
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
Result:
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
</div><!-- End demo --> |
J'aimerais savoir s'il est possible de "désactiver" dans la liste des suggestions celles déjà sélectionnées et rapatriées dans la DIV Log.
Par ex : dans la liste des suggestions, je clique sur l'item "javascript". Cet item est rapatrié dans la DIV Log. Ensuite, cet item ne pourra pas être sélectionné de nouveau car il sera "grisé" parmi la liste des choix.
Est-il possible de prévoir cette fonctionnalité ? Merci.
