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

WRInaute discret
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.
 
WRInaute accro
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/'});
}
 
WRInaute discret
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.
 
Discussions similaires
Haut