.empty() qui ne fonctionne pas

Bonjour,

je cherche à vider des input avec un bouton et Jquery. Je pensais savoir faire, mais ça ne fonctionne pas et je ne trouve pas mon erreur.
Le code est là pour tester : http://jsfiddle.net/M5PHP/725/

Mon html :

Code:

---

1 2 3 4 5 6 7 8 9 10

<div id="idMdph"> <fieldset> <legend><img src="images/icons/mdph.png" /></legend> <ul class="cols"> <input type="button" name="new_notif" value="Nouvelle Notification" class="new_notif" id="new_notif"/> <li><label>Notification MDPH du * : </label><input type="text" name="date_notif_mdph" id="date_notif_mdph" value="15/20/2015"/></li> <li><label>Type notif MDPH : </label> <input type="text" name="type_notif_mdph" id="ok" value="AVS"/></li> </ul> </fieldset> </div>

---

Mon JS :

Code:

---

1 2 3 4 5 6 7 8

$(document).ready(function(){ var $new_notif = $('#new_notif'); var $date_notif_mdph = $('#date_notif_mdph'); $new_notif.click(function() { $date_notif_mdph.empty(); alert("ok"); }); });

---

Je rentre dans ma fonction puisque mon alerte fonctionne ...
Si je fais un

Code:

---

$('#date_notif_mdph').empty();

---

ça ne marche pas plus :(

Merci de votre aide.

Citation:

---

Envoyé par empty

Remove all child nodes of the set of matched elements from the DOM.

---

Quel sens ça peut avoir de vouloir supprimer les noeuds enfant d'une balise orpheline ? :roll:

Bonne question, mais n'étant pas codeur à la base, je fais avec mes maigres connaissances.
Comme cela :

Code:

---

$date_notif_mdph.val('');

---

ça fonctionne. J'en déduis que j'ai mal compris ce que faisait exactement la méthode empty().

Je mets le sujet résolu. Merci.

Comme indiqué dans sa définition, .empty() sert à supprimer du DOM les éléments enfants (balises, texte, commentaires, ...) d'un élément de référence. Mais une balise orpheline (ou auto fermante) ne possède par définition pas de noeuds enfant.
Ce n'est donc pas ce que tu veux faire. Toi, ce que tu veux, c'est vider l'attribut value de la balise. C'est d'ailleurs pour ça que ta solution est la bonne.

Merci pour cette explication.
Je me suis inspiré de ce code (qui fonctionne, je l'utilise) :
JS :

Code:

---

1 2 3 4 5

$commune.on('change', function() { var val = $(this).val(); // on récupère la valeur de la commune if(val != '') { $denomination_etab.empty(); // on vide la liste des établissements $.ajax({ ....

---

HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<ul class="cols"> <li><label>Commune * : </label> <SELECT name="commune" id="commune"> <option value="">-- Commune --</option> <? while($valCom = mysql_fetch_array($resultCom)) {         if( $valCom['commune'] == $valEl['commune'] ) {                 echo '<OPTION value="'.$valCom['commune'].'" selected="selected">'.$valCom['commune'].'</OPTION>';         }         else {                 echo '<OPTION value="'.$valCom['commune'].'">'.$valCom['commune'].'</OPTION>';          } } ?> </SELECT></li> <li><label>Établissement * : </label> <SELECT name="denomination_etab" id="denomination_etab"> <option value="<? echo $valEl['rne_etab']?>"><?                      echo $valEl['denomination_etab']?></option> </SELECT></li> .....

---

Je comprends maintenant mon erreur, le code ci dessus ne vide pas les valeurs mais supprime les balises enfant du SELECT (OPTION) ... J'avais pas compris cela.

Encore merci.