Dynamic select with jqtransform

// Build two select, first is parent, second is dynamic child
// On first, give a unique class and on second, give the same to all child's option
<div class="rowElem reg">
	<select name="announce[region_id]" id="announce_region_id">
		<option value="">Choisir ...</value>
	  	<option value="1" class="tanger-tetouan">Tanger - Tétouan</value>
	  	<option value="2" class="gharb-chrarda-beni-hssen">Gharb - Chrarda - Beni Hssen</value>
	  	<option value="3" class="taza-al-hoceima-touanate">Taza Al Hoceima - Touanate</value>
	  	<option value="4" class="l-oriental">L’Oriental</value>
	  	<option value="5" class="fes-boulemane">Fès - Boulemane</value>
	  	<option value="6" class="maknes-tafilalet">Maknès - Tafilalet</value>
	  	<option value="7" class="rabat-sale-zemmour-zaer">Rabat - Salé - Zemmour - Zaer</value>
	</select>
</div>

<div class="rowElem pref">
	<select name="announce[pref_id]" id="announce_pref_id">
		<option value="">Choisir ...</value>
		<option value="1" class="tanger-tetouan">Préfecture de Fahs Beni Makada</value>
		<option value="2" class="tanger-tetouan">Préfecture de Tanger-Asilah</value>
		<option value="3" class="tanger-tetouan">Province de Tétouan</value>
		<option value="4" class="tanger-tetouan">Province de Chefchaouen</value>
		<option value="5" class="tanger-tetouan">Province de Larache</value>

		<option value="6" class="gharb-chrarda-beni-hssen">Province de Kénitra</value>
		<option value="7" class="gharb-chrarda-beni-hssen">Province de Sidi Kacem</value>

		<option value="8" class="taza-al-hoceima-touanate">Province d'Al Hoceima</value>
		<option value="9" class="taza-al-hoceima-touanate">Province de Taounate</value>
		<option value="10" class="taza-al-hoceima-touanate">Province de Taza</value>

		<option value="11" class="l-oriental">Préfecture d'Oujda-Angad</value>
		<option value="12" class="l-oriental">Province de Berkane</value>
		<option value="13" class="l-oriental">Province de Figuig</value>
		<option value="14" class="l-oriental">Province de Jerada</value>
		<option value="15" class="l-oriental">Province de Nador</value>
		<option value="16" class="l-oriental">Province de Taourirt</value>

		<option value="17" class="fes-boulemane">Préfecture de Fès Jdid-Dar Dbibegh</value>
		<option value="18" class="fes-boulemane">Province de Moulay Yacoub</value>
		<option value="19" class="fes-boulemane">Province de Sefrou</value>
		<option value="20" class="fes-boulemane">Province de Boulmane</value>

		<option value="21" class="maknes-tafilalet">Préfecture de Meknès-El Menzeh</value>
		<option value="22" class="maknes-tafilalet">Préfecture de Meknès-Ismaïlia</value>
		<option value="23" class="maknes-tafilalet">Province d'Errachidia</value>
		<option value="24" class="maknes-tafilalet">Province d’El Hajeb</value>
		<option value="25" class="maknes-tafilalet">Province d’Ifrane</value>
		<option value="26" class="maknes-tafilalet">Province de Khénifra</value>

		<option value="27" class="rabat-sale-zemmour-zaer">Préfecture de Rabat</value>
		<option value="28" class="rabat-sale-zemmour-zaer">Préfecture de Salé</value>
		<option value="29" class="rabat-sale-zemmour-zaer">Préfecture de Skhirat-Témara</value>
		<option value="30" class="rabat-sale-zemmour-zaer">Province de Khémisset</value>
	</select>
</div>


// now search on line 267 in jqtrasform
var oLi = $('<li><a href="#" index="'+ i +'">'+ $(this).html() +'</a></li>');
// and add new attr data="'+$(this).attr('class')+'" to play with it
var oLi = $('<li><a href="#" data="'+$(this).attr('class')+'" index="'+ i +'">'+ $(this).html() +'</a></li>');

// then, we can work with a new attribute to hide/show option we don't want dynamically
<script type="text/javascript">
$(document).ready(function() {
	$(".reg .jqTransformSelectWrapper ul li a").click(function(){
		var theid = $(this).attr('data');
		// show childs
		$(".pre .jqTransformSelectWrapper ul li a[data="+theid+"]").show();
		// hide other
		$(".pre .jqTransformSelectWrapper ul li a[data!="+theid+"]").hide();
		// Make a text to let user choose
		$('.pre .jqTransformSelectWrapper span').html("Choose please ...");
	});
});
</script>