Enable / Disable
#1
Posted 19/09/2003, 15:24
Eh o seguinte... eu tenho uma pagina onde tenho um form com 3 selects.
Um deles, deve controlar o enable dos outros dois, que devem vir desabilitados por default.
para entender melhor, vou nomear os selects:
Select 1= Tipo
Select 2= Nacionais
Select 3= Internacionais
exemplificando:
No primeiro select eu tenho duas opcoes: Internacional e Nacional.
Se eu selecionar 'Nacional' ele deve habilitar o select 2 (Nacionais)
E se eu selecionar 'Internacional' ele deve habilitar o select 3 (Internacionais)
Procurei no forum e na net, mas so achei exemplos de enable / disable acionados por checkbox ou radio, mas nenhum por select....
alguem pode me dar uma mao?
Valeu!!!!!
#2
Posted 19/09/2003, 15:58
<script language="JavaScript"> function habilita(o){ if(o.value==0){ nacional.disabled=false Internacional.disabled=true } if(o.value==1){ nacional.disabled=true Internacional.disabled=false } } </script> <select name="tipo" onChange="habilita(this)"> <option>Escolha</option> <option value="0">Nacional</option> <option value="1">Internacional</option> </select> <select name="nacional" disabled> <option>nacional 1</option> <option>nacional 2</option> </select> <select name="Internacional" disabled> <option>Internacional 1</option> <option>internacional 2</option> </select>
Qualquer dúvida poste novamente
#3
Posted 19/09/2003, 16:11
era bem isso q eu precisava !
abraço!
Tiago
#4
Posted 24/09/2003, 10:39
eh o seguinte... to usando o codigo q vc postou, mas to tendo um problema....
vc usou o select direto, e na minha pagina eu tenho q usa este select dentro do seguinte form:
<form action="altera_db.asp" enctype="multipart/form-data">e tem q ser "multipart/form-data" pq mando arquivos tb....
e se eu uso o select dentro do form a funcao n funciona
se eu usar fora desse form funça beleza....
serah q to fazendo algo errado....?
valeu!
[]
Tiago
#5
Posted 25/09/2003, 01:18
Isso acontece porque o nosso amigo Thyago Mendes não setou os selects por nomes, dentro de um form e talz..
Para o script funcionar direitinho, coloque uma propriedade name na TAG do seu form, exemplo:
Aí, passe a usar este código:<form action="altera_db.asp" name="meuform" enctype="multipart/form-data">
E na parte dentro das TAGs <script> e </script>, ao invés de NOME_DO_FORM (hehe), vc coloca o nome q vc colocou lá no name dentro da TAG form..<script language="JavaScript">
function habilita(o){
if(o.value=='x') {
document.forms['NOME_DO_FORM'].elements['nacional'].disabled=true
document.forms['NOME_DO_FORM'].elements['Internacional'].disabled=true
}
if(o.value==0){
document.forms['NOME_DO_FORM'].elements['nacional'].disabled=false
document.forms['NOME_DO_FORM'].elements['Internacional'].disabled=true
}
if(o.value==1){
document.forms['NOME_DO_FORM'].elements['nacional'].disabled=true
document.forms['NOME_DO_FORM'].elements['Internacional'].disabled=false
}
}
</script>
<select name="tipo" onChange="habilita(this)">
<option value="x">Escolha</option>
<option value="0">Nacional</option>
<option value="1">Internacional</option>
</select>
<select name="nacional" disabled>
<option>nacional 1</option>
<option>nacional 2</option>
</select>
<select name="Internacional" disabled>
<option>Internacional 1</option>
<option>internacional 2</option>
</select>
Aí funfa..
Ah, eu adicionei uma funçãozinha no script, q faz com q quando seja selecionado a opção default (escolha), no primeiro select, todos os campos ficam desabilitados..
Eras isso, fui..
chinello at gmail dot com
System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
#6
Posted 25/09/2003, 08:38
eu jah tinha tentado um monte de coisa pra ve se funcionava.... tava ficando triste jah... hehe....
ah... olha soh... como eu pego as options de um BD e tenho outras alem de "Nacional" e "Internacional" eu fiz uma adptação no script pra desabilitar se eu seleciono as outras opções...
<script language="JavaScript"> function habilita(o){ if(o.value==1){ document.forms['Criador'].elements['nacional'].disabled=false document.forms['Criador'].elements['Internacional'].disabled=true } else{ if(o.value==2){ document.forms['Criador'].elements['nacional'].disabled=true document.forms['Criador'].elements['Internacional'].disabled=false } else{ document.forms['Criador'].elements['nacional'].disabled=true document.forms['Criador'].elements['Internacional'].disabled=true } } } </script>e dai tah bombando
era isso brother.....
Valeu mesmo
Abraço....
Tiago
Edição feita por: tiagoSurf, 25/09/2003, 09:02.
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)