erro ao usar class jQuery

[Hugo Borges_120734 6]

galera tenho o seguinte código que funciona 100%, ele desabilita o selcet como base na opção selecionado, porem se eu uso uma class='selectmenu' do jqueryui para dar um style mais bonito, o select não funciona.

 

alguém sabe o que pode ser? segue código funcionado sem o class='selectmenu'

<script>
function aparece(){
if(document.form1.um.selectedIndex=="1"){
document.form1.dois.style.visibility="visible";
document.form1.tres.style.visibility="hidden";
}
else {
document.form1.tres.style.visibility="visible";
document.form1.dois.style.visibility="hidden";
}
}
</script>

<form name="form1">
<select name="um" onchange="aparece();">
<option> Escolha </option>
<option> Opcao 1 </option>
<option> Opcao 2 </option>
</select>
<br>
<select name="dois" style="visibility:hidden;">
<option> Escolha Menu 1 </option>
<option> Opcao menu 1 </option>
<option> Opcao menu 1 </option>
</select>
<br>
<select name="tres" style="visibility:hidden;">
<option> Escolha  Menu 2</option>
<option> Opcao menu 2 </option>
<option> Opcao menu 2 </option>
</select>
</form>

[Snowden 94]

não vi erro... veja http://jsfiddle.net/zt8xq7nn/

[Hugo Borges_120734 6]

Bom vou te mandar o link pra vc baixa o código e ver o erro. quando eu coloco o id="selectmenu" no select

 

 

http://www.4shared.com/zip/7ogCHFOLba/jquery-ui-1114custom.html

[Snowden 94]

Ah ta.. pensei que iria só usar o style sem instanciar o objeto, nesse caso terá de usar o event change.

$('#selectmenu').selectmenu({
	change: function(event, data){
		if (data.item.index == 1){
			document.form1.dois.style.visibility="visible";
			document.form1.tres.style.visibility="hidden";
			
			/**
			* Ou pode usar assim:
			* <select name="dois" style="display: none">
			*
			* $('select[name="dois"]').show();
			* $('select[name="tres"]').hide();
			*
			*/
		}
		else {
			document.form1.tres.style.visibility="visible";
			document.form1.dois.style.visibility="hidden";
			
			/**
			* Ou pode usar assim:
			* <select name="tres" style="display: none">
			*
			* $('select[name="tres"]').show();
			* $('select[name="dois"]').hide();
			*
			*/
			
		}
	}
});

[Hugo Borges_120734 6]

tentei aqui e não dei certo não. acho que estou fazendo algo errado. posta a index.php para eu ver

[Snowden 94]

http://pastebin.com/YbnAK8Nm

[Hugo Borges_120734 6]

Ai sim hahah, muito obrigado. vlw