Discussion :

[okoweb]

Bonjour à tous,

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div id="radioWrap">
	<input type="radio" name="services" value="1" checked> Service 1
	<input type="radio" name="services" value="2" checked> Service 2
</div>
<div id="selectWrap">
	<select>
		<option value="-1">Choisir</option>
		<option value="1">Choix 1</option>
		<option value="2">Choix 2</option>
		<option value="3">Choix 3</option>
	</select>
</div>

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
$('#selectWrap > select').on('change', function(){
	addselect($('input[type=radio][name=services]:checked').attr('value'), $(this).children('option:selected').attr('value'), $(this));
});
 
function addselect(service, parent, elt){
	elt.nextAll("select").remove();
	if ( elt.val() != '-1' ) {
		$.ajax({
			type: 'POST',
			url: 'ajax.php',
			data: 'serviceId='+service+'&parentId='+parent+'&structures=ok',
			dataType: 'json',
			cache: false,
			beforeSend: function(){
				$("<img/>",{src: "assets/img/ajax-loader.gif", id: "loader"}).insertAfter(elt);
			},
			complete: function(){
				$("#loader").remove();
			},
			success: function(data){
				if ( data.result.children.length > 0 ) {
					var items = data.result.children, level = data.result.level;
					$('<select/>',{'class':'form-control'}).insertAfter(elt);
					$('<option/>',{value: '-1', html: 'Choisir dans "' + elt.children('option:selected').text() + '"'}).appendTo($('#selectWrap > select').eq(-1));
					for(var i in items){
						$("<option/>",{value: items[i].struc_id, html: items[i].struc_name}).appendTo($('#selectWrap > select').eq(-1));
					}
				}					
			}
		});
	}
}

Ma question est de savoir pourquoi onchange ne s'applique pas aux autres select créés après le premier dans #selectWrap ?

Merci d'avance

[SpaceFrog]

Utilises ton on en délégation d'evènement, ainsi les élément crées dynamiquement après le ready bénéficieront de l'evenement bindé avec le on

Code :

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

$('#selectWrap').on('change', 'select', function(){

[okoweb]

Code :

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

$('#selectWrap').on('change', '> select', function(){

Pour mon cas.

Merci.