Bonjour,

un petit problème que je n'arrive pas à résoudre malgré mes différentes tentatives.

Je souhaiterai vider mes champs une fois que l'on a cliqué sur le bouton "ajouter" d'une ligne.

Mes champs à vider (dont deux datepicker) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<input type="text" id="datepicker1" />
<select id="heuredebut"></select>
<input type="text" id="datepicker2" />
<select id="heurefin"></select>
<button type="button" id="ajout"><img src="..." /></button>
Voici donc en gros ce que j'ai. Et quand on clic sur le bouton d'ajout, je lance un appel ajax. Et il faudrait que les champs se vident à ce moment là.

J'ai testé :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
// 1ere tentative
var vide = "";
$("#datepicker1").val(vide);
$("#heuredebut").val('08:00');
$("#datepicker2").val(vide);
$("#heurefin").val('08:00');
 
// 2eme tentative
$("#datepicker1").attr('value','');
$("#heuredebut").attr('value','08:00');
$("#datepicker2").attr('value','');
$("#heurefin").attr('value','08:00');
Mais rien à faire, aucun champ ne se vide ou prend la valeur donnée.
Si vous pouviez m'aider