vider une dropdownlist et la cacher.

**nath-0-0** · 25/06/2012, 18h02

Bonjour,

J'ai ce code afin de vider une ddl et d'ensuite la rendre invisible, mais cela ne fonctionne pas.

Une idée ?

Code :

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

1
2
3
4
5
 
 
             $('select[id$=#<%= DL_Batiment.ClientID %>]> option').remove();
             $('#<%= DL_Batiment.ClientID %>').hide();
             $('select[id$=#<%= LB_Etage.ClientID %>]> option').remove();

merci

Nath

**SpaceFrog** · 25/06/2012, 18h42

sans voir le select avec son id et son class ??

Code :

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

$('#selectid').empty().hide()

rappel un id est unique sur la page ...

**Bovino** · 26/06/2012, 08h27

Autre rappel, on demande ici le code généré par le navigateur, pas le code serveur : Important : Les règles incontournables d'utilisation de ce forum !

**nath-0-0** · 26/06/2012, 09h45

désolée pour le manquement au code généré, je ne réiterais plus

merci pour le code proposé, mais cela ne fonctionne pas.
Voici le code généré :

Code :

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

1
2
3
4
 
             $('#ctl00_ContentPlaceHolder_master_wuc_filtre_localisation_tbBatiment').val('');
             $('#ctl00_ContentPlaceHolder_master_wuc_filtre_localisation_DL_Batiment').empty().hide();
             $("#ctl00_ContentPlaceHolder_master_wuc_filtre_localisation_LB_Etage").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");

**SpaceFrog** · 26/06/2012, 10h07

Code :

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

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
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type="text/javascript">
 
	$(function(){
	$('#one').click( function(){ $('#foo').empty() } )
	$('#two').click( function(){ $('#foo').empty().hide() } )
	$('#three').click( function(){ $('#foo').find('option').remove()  } )
 
 
 
	})
 
 
 
</script>
</head>
 
<body>
<select id='foo' >
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
	<option>lkjlkjlkj</option>
</select>
<input type="button" id="one" value="vider" />				
<input type="button" id="two" value="vider cacher" />
<input type="button" id="three" value="autre" />		
</body>
</html>

on peut cacher le select puis supprimer son contenu

Code :

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

$('#three').click( function(){ $('#foo').hide().find('option').remove()  } )

on peut aussi virer au pied de biche le select ...

Code :

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

$('#three').click( function(){ $('#foo').remove()  } )

tout dépend de ce que tu cherches réellement à faire ...

**nath-0-0** · 26/06/2012, 11h46

merci pour votre aide.

Finalement c'était un autre problème, pas lié au jquery !

vider une dropdownlist et la cacher.

jQuery

Discussions similaires

Partager

Partager