Discussion :

[Vincent Valentine]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ça ne marche pas plus

Merci de votre aide.

[Bovino]

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 ?

[Vincent Valentine]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$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.

[Bovino]

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.

[Vincent Valentine]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.