IE, jqueryUI.dialog() et <select>

Version imprimable

Bonjour,

J'ai un problème avec jqueryUI.dialog() et internet explorer.

Je charge une liste déroulante contenue dans une boite de dialogue et sur ie, il y a une erreur.

Voici les divers codes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function loadList(urlToLoad, classHtmlElement){		
			$.ajax({
				url:urlToLoad,
				dataType:"xml",
				success:function(data){
					$(data).find("response").find("row").each(function(){
						$( classHtmlElement+" select").append("<option value='"+$(this).attr("id")+"'>"+$(this).attr("label")+"</option>");
					});//END EACH FUNCTION
				}//END SUCCESS FUNCTION
 
	});//END AJAX	
}
 
		loadList(referentialSportSportsPortfolioPath, ".editForm");

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
 
<form method="post" action="rs/referential/sport/sports/save" class="submitForm editForm">
	<div>
		<label for="name">Name</label>
		<input type="text" name="name" value="" maxlength="30" />
	</div>
	<div>
		<label for="name">Code</label>
		<input type="text" name="code" value="" maxlength="10" class="uppercase" />
	</div>
	<div class="firstSearch">
		<label for="name">Portfolio</label>
		<select name="portfolioId">
		<!-- Loaded from xml -->
		</select>
	</div>
	<div class="formSportList">
		<label for="name">Sport</label>
		<select name="sportId">
		<!-- Loaded from xml -->
		</select>
	</div>
	<div class="alignCenter">
		<input type="button" name="save" value="" class="btn_save" />
		<input type="button" name="cancel" value="" class="btn_Cancel" />
	</div>
</form>

voici ce que ca donne : http://projets.vaudoo-interactive.com/jqueryUi.png

est-ce que quelqu'un connais la raison ?

Merci d'avance

Ambroise Fauchère

11/01/2012, 09h00
ticroch
Tu peux nous copier coller un exemple de XML qu'il renvoi ?

Je pense que ton erreur vient de l'expression
Code:

1 2 $( classHtmlElement+" select").append("<option value='"+$(this).attr("id")+"'>"+$(this).attr("label")+"</option>");

Voici le code xml utilisé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<response>
<row id="0" label="(All)"/>
<row id="1" label="Athletics"/>
<row id="5" label="Canoeing"/>
<row id="6" label="Cycling"/>
<row id="7" label="Equestrian"/>
<row id="15" label="Rowing"/>
<row id="16" label="Sailing"/>
<row id="19" label="Swimming"/>
<row id="21" label="Tennis"/>
</response>

Bonsoir

Code:

1
2
3
4
5
6
7
8
9
10
11
/*
 * Si vous essayez de sélectionner tous les éléments du DOM qui
 * possèdent les classes classHtmlElement et select.
 *
 * Sinon, il faut modifier le sélecteur en tenant compte qu'il
 * doit commencer par un point pour une classe et par un # pour
 * un ID (c'est du CSS).
 */
$( data ).find( "row" ).each( function( i, item ){
	$( "." + classHtmlElement + " .select" ).append( '<option value="' + $( item ).attr( "id" ) + '">' + $( item ).attr( "label" ) + '</option>' );
});