Problème Script jquery qui permet de modifier l'apparence d'un select

mikaweb2011 · 20 Février 2011

Bonjour,

j'ai trouvé sur le net un code jquery qui permet de modifier le style d'un select.
Bon le script est fonctionnel .

voila le lien vers la page résultat:
http://www.unitead.fr/veloparis/testsel.php

Je veux afficher un deuxième select après la sélection d'un choix dans le select n°1

mais le select que s'affiche garde l même ancien apparence.

Pouvez vous svp m'aider à résoudre ce problème?*

voila le code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link href="style/jqtransform/jqtransformplugin/jqtransform.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script language="JavaScript" src="style/jqtransform/jqtransformplugin/jquery.jqtransform.js" type="text/javascript"></script>
<script language="javascript">
		$(function(){
			$('form').jqTransform({imgPath:'style/jqtransform/jqtransformplugin/img/'});
		});
function aff()
{alert('ff');

document.getElementById('bl1').innerHTML="<select> <option value='1'>Option 1</option><option value='2'>Option 2</option></select>";
}
	</script>

</head>

<body>
<form>
<div class="rowElem"> <select   onchange="aff()">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
 </select>
</div>

<div id="bl1"></div>


</form>
</body>
</html>

Cdt.

spout · 20 Février 2011

Tu as essayé de rajouter dans ta fonction aff():

Code:

function aff()
{alert('ff');

document.getElementById('bl1').innerHTML="<select> <option value='1'>Option 1</option><option value='2'>Option 2</option>
</select>";

$('form').jqTransform({imgPath:'style/jqtransform/jqtransformplugin/img/'});
}

mikaweb2011 · 21 Février 2011

spout a dit:

Tu as essayé de rajouter dans ta fonction aff():

Code:

function aff()
{alert('ff');

document.getElementById('bl1').innerHTML="<select> <option value='1'>Option 1</option><option value='2'>Option 2</option>
</select>";

$('form').jqTransform({imgPath:'style/jqtransform/jqtransformplugin/img/'});
}

Bonjour,
merci pour votre réponse.
Oui j'ai essayé d'ajouter ce code dans la fonction aff() , mais toujours le style de nouveau select ne change plus.

Cdt.

mikaweb2011 · 21 Février 2011

Y'a til des autres techniques ou script pour change le style d'un select.

Cdt.