vider une dropdownlist et la cacher.

Version imprimable

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:

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

25/06/2012, 18h42
SpaceFrog

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

Code:

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

rappel un id est unique sur la page ...
26/06/2012, 08h27
Bovino

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 !

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

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

Code:

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");

Code:

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:

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

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

Code:

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

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

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

merci pour votre aide.

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