Remettre liste déroulante à une valeur initiale

**silverfab34** · 26/07/2010, 15h00

Bonjour,
J'ai une question en JQuery, j'ai 2 listes déroulantes qui affichent un résultant (en fait c'est un filtre) et selon que j'utilise une liste déroulante et comme je recharge la page, j'aimerais que l'autre liste affiche une valeur.....

Voici mon code dans ma JSP :

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
 
<td>
       <h:selectOneMenu styleClass="inputText" id="brandName1" value="#{pc_DcBrandCategory.brandId}" valueChangeListener="#{pc_DcBrandCategory.selectDemo}" onchange="submit()">
		<f:selectItem  itemLabel="choose your brand" id="selectItem1" />
		<f:selectItem  itemLabel="--------------" id="selectItem2" />
		<f:selectItems value="#{pc_DcBrandCategory.listAllBrands}"
								id="selectItem3" />
	</h:selectOneMenu>
</td>
<td></td>
<td>
	<h:selectOneMenu styleClass="inputText" id="categoryName1" value="#{pc_DcBrandCategory.categorieId}" valueChangeListener="#{pc_DcBrandCategory.selectDemo}" onchange="submit()">
		<f:selectItem  itemLabel="choose your category" id="selectItem4" />
		<f:selectItem  itemLabel="--------------" id="selectItem5" />
		<f:selectItems value="#{pc_DcBrandCategory.listAllCategories}"
								id="selectItem6" />
	</h:selectOneMenu>
</td>

Comme vous le constatez, c'est du JSF.

Quand j'utilise la liste brandName1 ou categoryName1, j'aimerais que l'autre liste affiche en 1er choix <f:selectItem itemLabel="choose your

Je pensais donc faire en JQuery :

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
 
 $(document).ready(function(){
 $("select[id$='categoryName1']").change(function() 
                    {
 
// Ici remettre la liste brandName1 au choix "choose your brand"
 
 
});
 
 $("select[id$='brandName1']").change(function() 
                    {
// Ici remettre la liste brandName1 au choix "choose your category"
 
});
});

Mais comment faire en JQuery ?
Merci pour votre aide !

**danielhagnoul** · 26/07/2010, 22h39

Bonsoir.

Voici un exemple en JavaScript

, car nous sommes dans un sous-forum JavaScript

:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<style>
		/* BASE */
		body {
			background-color:#dcdcdc;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			height:500px;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}		
		div#affiche {
			clear:both;
			margin:12px;
			padding:6px;
			border:1px solid #999999;
			background-color:#FFFFFF;
			color:#000000;
		}
 
		/* TEST */
	</style>
	<script charset="utf-8" src="../lib/jqueryui/js/jquery-1.4.2.min.js"></script>
 	<script>
		$(function(){
 
			// exemple pour une selection unique
			$("#brandName1").change(function(){
				var tab = [];
 
				$("option:selected", this).each(function(i, item){
					tab.push([i, item, item.id, $(item).val(), $(item).text()]); 
				});
 
				alert(tab.join("\n"));
 
				// categoryName1 est une selection multiple
				$("#categoryName1 option").each(function(i, item){
					if (i == 0){
						$(item).attr("selected","selected");
					} else {
						$(item).attr("selected","");
					}
				});
			});
 
			// exemple pour une selection multiple
			$("#categoryName1").change(function(){
				var tab = [];
 
				$("option:selected", this).each(function(i, item){
					tab.push([i, item, item.id, $(item).val(), $(item).text()]); 
				});
 
				alert(tab.join("\n"));
 
				$("#brandName1 option:eq(0)").attr("selected","selected");
			});
 
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<table>
			<tbody>
				<td>
					<select id="brandName1">
						<option id="selectItem1" value="01" selected="selected">choose your brand</option>
						<option id="selectItem2" value="02">--------------</option>
						<option id="selectItem3" value="#{pc_DcBrandCategory.listAllBrands}">10</oprtion>
					</select>
				</td>
				<td>&nbsp;</td>
				<td>
					<select id="categoryName1" multiple="multiple">
						<option id="selectItem4" value="04" selected="selected">choose your category</option>
						<option id="selectItem5" value="05">--------------</option>
						<option id="selectItem6" value="#{pc_DcBrandCategory.listAllCategories}" selected="selected">20</option>
					</select>
				</td>
			</tbody>
		</table>
	</div>
</body>  
</html>

Remettre liste déroulante à une valeur initiale

jQuery

Discussions similaires

Partager

Partager