Bonjour à tous,

J'ai fait un système d'autocomplete qui fonctionne bien. L'idée c'est de remplir un input hidden en fonction de ce qui est sélectionné dans l'input avec l'autocomplete.
Mon problème c'est que si on sélectionne une valeur de l'autocomplete puis qu'on l'efface mon input hiddden garde la dernière valeur sélectionnée. Je voudrais qu'il ce vide.

Voici mon code :

HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<form class="form-horizontal" action="" method="post" enctype="multipart/form-data">
    <input type="text" id="recherche" name="recherche" />
    <input type="hidden" id="hidden" name="hidden" value="" />
    <button type="submit" class="btn btn-success" name="submit"><i class="fa fa-check"></i> Test</button>
</form>
JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
$('#recherche').autocomplete({
 
var liste = [{"value":"Hayward Pool Vac Ultra","pid":"65"},{"value":"Alarme Prima protect","pid":"66"},{"value":"Alarme Ocea Protect S","pid":"67"}];    
 
source : liste,
    minLength : 3,
    select : function(event, ui){
        $('#hidden').val( ui.item.pid );
    }
});
Comment faire pour que l'input nommé "hidden" se vide (value='' ou value='0') lorsque l'input nommé "recherche" est vide ?

Par avance merci à tous.