Ir para conteúdo
Fórum Script Brasil
  • 0

habilita/desabilita combobox

bandit23

Perguntado por bandit23,

 Share

Pergunta

bandit23

bandit23

Postado
Postado

Eu tenho o seguinte código:

<html>
<head>
<title>Idea Consultoria e Serviços</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="keywords" content="itbi, Itbi, Peritum, Avalia.Itbi, IPTU, Imobiliárias, www.ideasoftarq.eng.br, idea">

<meta name="description" content="ideasoftarq">

<link href="style.css" rel="stylesheet" type="text/css" />


<style type="text/css">
.txt{
font-family: Tahoma;
font-size: 11px;
color: #006699;
border-top: 1px inside #000000;
border-left: 1px inside #000000;
border-bottom: 1px solid #F3F3F3;
border-right: 1px solid #F3F3F3
}
.textarea{
font-family: Tahoma;
font-size: 11px;
color: #006699;
border-top: 1px inside #000000;
border-left: 1px inside #000000;
border-bottom: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0
}
.btn{
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #006699;
border: 1px solid #006699;
background-color: #FFFFFF
}
table{
font-family: Verdana;
font-size: 11px;
color: #006699
}
body{
font-family: Verdana;
font-size: 11px;
color: #006699
}
</style>


<script language="javascript">
function enviardados (nomeform)
{    
    if (nomeform.idade.value =="") 
    {
        alert("A idade deve ser preenchida");
        nomeform.idade.focus();
        return false;
    }
    
    if (nomeform.idade.value=="0") 
    {
        alert("A idade deve ser maior que zero");
        nomeform.idade.focus();
        return false;
    }

    if (nomeform.area_construida.value=="") 
    {
        alert("O valor da área construída deve ser preenchido");
        nomeform.area_construida.focus();
        return false;
    }

    if (nomeform.area_construida.value<"10.00") 
    {
        alert("A área construída deve ser maior que 10 metros quadrados");
        nomeform.area_construida.focus();
        return false;
    }

    if (nomeform.area_construida.value.length <1 || nomeform.area_construida.value.length >10) 
    {
        alert("A área construída não pode possuir mais que 10 dígitos!");
        nomeform.area_construida.focus();
        return false;
    }
    
    if (nomeform.valor_declarado.value=="") 
    {
        alert("O valor declarado deve ser preenchido");
        nomeform.valor_declarado.focus();
        return false;
    }
    
    if (nomeform.valor_declarado.value<="0") 
    {
        alert("O valor declarado deve ser maior que zero");
        nomeform.valor_declarado.focus();
        return false;
    }
    
    if (nomeform.valor_terreno.value=="") 
    {
        alert("O valor do terreno deve ser preenchido");
        nomeform.valor_terreno.focus();
        return false;
    }
    
    if (nomeform.valor_terreno.value <"0" ) 
    {
        alert("O valor do terreno não pode ser menor que zero!");
        nomeform.valor_terreno.focus();
        return false;
    }
}

function MascaraMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){
    var sep = 0;
    var key = '';
    var i = j = 0;
    var len = len2 = 0;
    var strCheck = '0123456789';
    var aux = aux2 = '';
    var whichCode = (window.Event) ? e.which : e.keyCode;
    if (whichCode == 13) return true;
    var t = new String(objTextBox.value);
if (whichCode == 8){
objTextBox.value = t.substring(0, t.length-1);
} 
    key = String.fromCharCode(whichCode); // Valor para o código da Chave
    if (strCheck.indexOf(key) == -1) return false; // Chave inválida
    len = objTextBox.value.length;
    for(i = 0; i < len; i++)
        if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break;
    aux = '';
    for(; i < len; i++)
        if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i);
    aux += key;
    len = aux.length;
    if (len == 0) objTextBox.value = '';
    if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux;
    if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux;
    if (len > 2) {
        aux2 = '';
        for (j = 0, i = len - 3; i >= 0; i--) {
            if (j == 3) {
                aux2 += SeparadorMilesimo;
                j = 0;
            }
            aux2 += aux.charAt(i);
            j++;
        }
        objTextBox.value = '';
        len2 = aux2.length;
        for (i = len2 - 1; i >= 0; i--)
        objTextBox.value += aux2.charAt(i);
        objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
    }
    return false;
}


</script>

 <script language="javascript">  
 function somente_numero(campo){  
 var digits="0123456789"  
 var campo_temp   
     for (var i=0;i<campo.value.length;i++){  
         campo_temp=campo.value.substring(i,i+1)   
         if (digits.indexOf(campo_temp)==-1){  
             campo.value = campo.value.substring(0,i);  
         }  
     }  
 }  
</script> 





<style type="text/css">



<!--



body {



    background-color: #B3BCAF;



}







.fonte_empresa{



color:#003399;



font-family:Arial, Helvetica, sans-serif;



font-size:15px;



font-weight:bold;



}











.fonte_pergunta {color:#FFFFFF;



font-family:Arial, Helvetica, sans-serif;



font-size:11px;



}



.fonte9 {



    font-size: 60px;



    font-weight: bold;



    font-style: italic;



    color:#A4A4A4;



}



.fonte1 {color:#999999;



font-family:Arial, Helvetica, sans-serif;



font-size:11px;



}



.fonte8 {color:#5D5D5D;



font-family:Arial, Helvetica, sans-serif;



font-size:11px;



}



.style3 {



    color: #00557D;



    font-weight: bold;



    font-size:17px;



}



.style6 {



    font-size: 70px;



    color: #00557D;



}



.fonte_contato {color:#787878;



}



body,td,th {



    color: #FFFFFF;



}



.style21 {



    color: #FFFFFF;



    font-family: Arial, Helvetica, sans-serif;



    font-size: 12px;



    font-weight: bold;



}



.style23 {font-size: 12px; font-weight: bold; }



.fonte_link {color:#00557D;



}

.style39 {

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 12px;

}
.style41 {color: #000000}



-->



</style>



</head>







<body>



<table width="986" border="0" align="center" cellpadding="0" cellspacing="0">



  <tr>



    <td width="245" bgcolor="#F8F8F8"><div align="center"><span class="fonte9"><span class="style6"><font face="Times New Roman, Times, serif">&nbsp;IDEA</font></span></span><br>



    <span class="style3"><font size="3" face="Times New Roman, Times, serif">Consultoria
    e Servi&ccedil;os</font></span>         </div></td>



    <td width="741" bgcolor="#00557D"><img src="../imagens/banner_idea2.jpg" width="741" height="157"></td>



  </tr>



  <tr>



    <td height="20" bgcolor="#00557D"><img src="../imagens/barra.jpg" width="245" height="7"></td>



    <td height="20" bgcolor="#ffffff">&nbsp;</td>



  </tr>



  <tr>



    <td bgcolor="#00557D"><p align="center"><br>



      <img src="../imagens/barra_fina.png" width="148" height="1">      <p align="center" class="fonte_pergunta">&nbsp;Avenida Visconde do Rio &nbsp;Branco, 633 / 903<br>



                  <br>



                  &nbsp;CEP 24020-005&nbsp;-&nbsp;Niterói&nbsp;-&nbsp;RJ<br>



                  <br>



                  &nbsp;www.ideasoftarq.eng.br<br><br>

                  &nbsp;<a href="mailto:contato@ideasoftarq.eng.br" style="text-decoration:none; color: #FFFFFF;  font-family: Arial, Helvetica, sans-serif; font-size: 11px;">contato@ideasoftarq.eng.br</a><br>



                  <br>



        <img src="../imagens/barra_fina.png" width="148" height="1"><br>



    <p align="left" class="fonte_pergunta"></td>



    <td valign="top" bgcolor="#F8F8F8"><table width="741" height="27" border="0" cellpadding="0" cellspacing="0" bgcolor="#990000">



      <tr>



        <td width="167"><div align="center"><a href="index.htm" class="fonte_pergunta" style="text-decoration:none; font-weight: bold;">Voltar à Página Principal</a></div></td>



        <td width="202"><div align="center"><font class="fonte_pergunta style23"><br>

          </font></div></td>



        <td width="161"><div align="center"><font class="style21"></font></div></td>



        <td width="211"><div align="center" class="style39"></div></td>



      </tr>



    </table>      <table width="735" border="0" bgcolor="#F8F8F8">



      <tr>



          <td height="514" valign="top"><div align="center">

            <p><form action="upload_heidecke.php" method="post" enctype="multipart/form-data" style="margin-bottom:0" onSubmit="return enviardados(this);">
  <center>
                  <table width="651" height="340" border="0" cellpadding="0" cellspacing="1">
                    <tr valign="top">
              <td colspan="2" height="24"><div align="justify"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000"><strong>Preencha os dados abaixo e clique em &quot;enviar dados&quot;. Em breve enviaremos ao endere&ccedil;o de email informado a tela com os resultados do sistema. Utilize preferencialmente dados de um im&oacute;vel conhecido de seu cadastro, para melhor poder comparar e avaliar os resultados. <br>
                          <br>
                          <br>
                    Dados para Consulta
                    <br>
                    <br>
                    <br>
                    <br>
              </strong></font></div></td>
            </tr>
            
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Seu Nome:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" class="txt" name="contato" size="40">
                </font></div></td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Município:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" class="txt" name="municipio" size="40">
                </font></div></td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">UF:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="uf" class="txt" size="1">
                        <option value="escolha_estado">Escolha aqui</option>
                        <option value="AC">AC</option>
                        <option value="AL">AL</option>
                        <option value="AP">AP</option>
                        <option value="AM">AM</option>
                        <option value="BA">BA</option>
                        <option value="CE">CE</option>
                        <option value="DF">DF</option>
                        <option value="ES">ES</option>
                        <option value="GO">GO</option>
                        <option value="MA">MA</option>
                        <option value="MT">MT</option>
                        <option value="MS">MS</option>
                        <option value="MG">MG</option>
                        <option value="PA">PA</option>
                        <option value="PB">PB</option>
                        <option value="PR">PR</option>
                        <option value="PE">PE</option>
                        <option value="PI">PI</option>
                        <option value="RJ">RJ</option>
                        <option value="RN">RN</option>
                        <option value="RS">RS</option>
                        <option value="RO">RO</option>
                        <option value="RR">RR</option>
                        <option value="SC">SC</option>
                        <option value="SP">SP</option>
                        <option value="SE">SE</option>
                        <option value="TO">TO</option>
                </select>
                </font></div>
                </td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Email:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" class="txt" name="email" size="40">
                </font></div></td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Telefone:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input name="telefone" type="text" class="txt" size="14" maxlength="14">
                </font></div></td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Valor Declarado pelo Contribuinte:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" name="valor_declarado" onKeyPress="return(MascaraMoeda(this,'','.',event));"  class="txt" size="40">
                </font></div></td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Valor do Terreno / Cadastro Municipal:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" name="valor_terreno" onKeyPress="return(MascaraMoeda(this,'','.',event));" class="txt" size="40">
                </font></div></td>
            </tr>
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Data da Transa&ccedil;&atilde;o:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="dia" class="txt" size="1">
                        <option value="dia_transacao">Dia</option>
                        <option value="01">01</option>
                        <option value="02">02</option>
                        <option value="03">03</option>
                        <option value="04">04</option>
                        <option value="05">05</option>
                        <option value="06">06</option>
                        <option value="07">07</option>
                        <option value="08">08</option>
                        <option value="09">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                        <option value="21">21</option>
                        <option value="22">22</option>
                        <option value="23">23</option>
                        <option value="24">24</option>
                        <option value="25">25</option>

                        <option value="26">26</option>
                        <option value="27">27</option>
                        <option value="28">28</option>
                        <option value="29">29</option>
                        <option value="30">30</option>
                        <option value="31">31</option>
                        </select>&nbsp;&nbsp;<select name="mes" class="txt" size="1">
                        <option value="mes_transacao">Mês</option>
                        <option value="Janeiro">Janeiro</option>
                        <option value="Fevereiro">Fevereiro</option>
                        <option value="Março">Março</option>
                        <option value="Abril">Abril</option>
                        <option value="Maio">Maio</option>
                        <option value="Junho">Junho</option>
                        <option value="Julho">Julho</option>
                        <option value="Agosto">Agosto</option>
                        <option value="Setembro">Setembro</option>
                        <option value="Outubro">Outubro</option>
                        <option value="Novembro">Novembro</option>
                        <option value="Dezembro">Dezembro</option>
                        </select>&nbsp;&nbsp;<select name="ano" class="txt" size="1">
                        <option value="ano_transacao">Ano</option>
                        <option value="2010">2010</option>
                        <option value="2009">2009</option>                        
                        <option value="2008">2008</option>
                        <option value="2007">2007</option>
                        <option value="2006">2006</option>
                        <option value="2005">2005</option>
                        <option value="2004">2004</option>
                        <option value="2003">2003</option>
                        <option value="2002">2002</option>
                        <option value="2001">2001</option>
                        <option value="2000">2000</option>
                        <option value="1999">1999</option>
                        <option value="1998">1998</option>
                        <option value="1997">1997</option>
                        <option value="1996">1996</option>
                        <option value="1995">1995</option>
                        <option value="1994">1994</option>
                        <option value="1993">1993</option>
                        <option value="1992">1992</option>
                        <option value="1991">1991</option>                        
                        </select>
                </font></div></td>
            </tr>
            <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Uso do Imóvel:</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="uso_imovel" id="combo_0" onChange="change(this);"  class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            <OPTION value="Residencial">Residencial</OPTION>
            <OPTION value="Não residencial">Não residencial</OPTION>
            </select>
            </font></div></td>
          </tr>
        <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Padrão de Construção (SINDUSCON):</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="padrao_construcao" id="combo_1" onChange="change(this)" class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            </select>
            </font></div></td>
        </tr>
        <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Nível Acabamento:</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="nivel_acabamento" id="combo_2" onChange="change(this)" class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            </select>
            </font></div></td>
        </tr>
        
<script>
/*
*** Multiple dynamic combo boxes
*** by Mirko Elviro, 9 Mar 2005
*** Script featured and available on JavaScript Kit (http://www.javascriptkit.com)
***
***Please do not remove this comment
*/

// This script supports an unlimited number of linked combo boxed
// Their id must be "combo_0", "combo_1", "combo_2" etc.
// Here you have to put the data that will fill the combo boxes
// ie. data_2_1 will be the first option in the second combo box
// when the first combo box has the second option selected


// first combo box
    //data_1 = new Option("1", "$");
    //data_2 = new Option("2", "$$");
      
     // first combo box (Residencial)
    data_1_1 = new Option("Residência Unifamiliar","Residência Unifamiliar");
    data_1_2 = new Option("Prédio Popular - até 4 pavimentos","Prédio Popular - até 4 pavimentos");
    data_1_3 = new Option("Multifamiliar - até 8 pavimentos","Multifamiliar - até 8 pavimentos");
    data_1_4 = new Option("Multifamiliar - mais de 8 pavimentos","Multifamiliar - mais de 8 pavimentos");
    data_1_5 = new Option("Projeto de Interesse Social","Projeto de Interesse Social"); 
    data_1_6 = new Option("Residência Popular","Residência Popular"); 
      
    // second combo box (Não residencial)
    data_2_1 = new Option("Comercial Andares Livres","Comercial Andares Livres");
    data_2_2 = new Option("Comercial Salas e Lojas - pequeno porte","Comercial Salas e Lojas - pequeno porte");
    data_2_3 = new Option("Comercial Salas e Lojas - até 8 pavimentos","Comercial Salas e Lojas - até 8 pavimentos");
    data_2_4 = new Option("Comercial Salas e Lojas - mais de 8 pavimentos","Comercial Salas e Lojas - mais de 8 pavimentos");
    data_2_5 = new Option("Galpão Industrial","Galpão Industrial");
    
    // third combo box (Nivel Acabamento) - Residência Unifamiliar
    data_1_1_1 = new Option("Baixo","Baixo");
    data_1_1_2 = new Option("Normal","Normal");
    data_1_1_3 = new Option("Alto","Alto");

     // third combo box (Nivel Acabamento) - Prédio Popular - até 4 pavimentos
    data_1_2_1 = new Option("Baixo","Baixo");
    data_1_2_2 = new Option("Normal","Normal");

    // third combo box (Nivel Acabamento) - Multifamiliar - até 8 pavimentos
    data_1_3_1 = new Option("Baixo","Baixo");
    data_1_3_2 = new Option("Normal","Normal");
    data_1_3_3 = new Option("Alto","Alto");    
    
    // third combo box (Nivel Acabamento) - Multifamiliar - mais de 8 pavimentos
    data_1_4_1 = new Option("Normal","Normal");
    data_1_4_2 = new Option("Alto","Alto"); 
    
    // third combo box (Nivel Acabamento) - Projeto de Interesse Social
    data_1_5_1 = new Option("Padrão Único","Padrão Único");
    
    // third combo box (Nivel Acabamento) - Residência Popular
    data_1_6_1 = new Option("Padrão Único","Padrão Único");
    
    
    
    
    // third combo box (Nivel Acabamento) - Comercial Andares Livres
    data_2_1_1 = new Option("Normal","Normal");
    data_2_1_2 = new Option("Alto","Alto");

     // third combo box (Nivel Acabamento) - Comercial Salas e Lojas - pequeno porte
    data_2_2_1 = new Option("Normal","Normal");
    data_2_2_2 = new Option("Alto","Alto");

// third combo box (Nivel Acabamento) - Comercial Salas e Lojas - até 8 pavimentos
    data_2_3_1 = new Option("Normal","Normal");
    data_2_3_2 = new Option("Alto","Alto");    
    
// third combo box (Nivel Acabamento) - Comercial Salas e Lojas - mais de 8 pavimentos
    data_2_4_1 = new Option("Normal","Normal");
    data_2_4_2 = new Option("Alto","Alto"); 
    
// third combo box (Nivel Acabamento) - Galpão Industrial
    data_2_5_1 = new Option("Padrão Único","Padrão Único");
    


// other parameters

    displaywhenempty="Selecione"
    valuewhenempty=-1

    displaywhennotempty="Selecione"
    valuewhennotempty=0


function change(currentbox) {
    numb = currentbox.id.split("_");
    currentbox = numb[1];

    i=parseInt(currentbox)+1

// I empty all combo boxes following the current one

    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
          (document.getElementById("combo_"+i)!=null)) {
        son = document.getElementById("combo_"+i);
        // I empty all options except the first one (it isn't allowed)
        for (m=son.options.length-1;m>0;m--) son.options[m]=null;
        // I reset the first option
        son.options[0]=new Option(displaywhenempty,valuewhenempty)
        i=i+1
    }


// now I create the string with the "base" name ("stringa"), ie. "data_1_0"
// to which I'll add _0,_1,_2,_3 etc to obtain the name of the combo box to fill

    stringa='data'
    i=0
    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
          (document.getElementById("combo_"+i)!=null)) {
          eval("stringa=stringa+'_'+document.getElementById(\"combo_"+i+"\").selectedIndex")
          if (i==currentbox) break;
          i=i+1
    }


// filling the "son" combo (if exists)

    following=parseInt(currentbox)+1

    if ((eval("typeof(document.getElementById(\"combo_"+following+"\"))!='undefined'")) &&
      (document.getElementById("combo_"+following)!=null)) {
      son = document.getElementById("combo_"+following);
      stringa=stringa+"_"
      i=0
      while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {

      // if there are no options, I empty the first option of the "son" combo
      // otherwise I put "-select-" in it

            if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))
                if (eval("typeof("+stringa+"1)=='undefined'"))
                  eval("son.options[0]=new Option(displaywhenempty,valuewhenempty)")
                else
                eval("son.options[0]=new Option(displaywhennotempty,valuewhennotempty)")
          else
              eval("son.options["+i+"]=new Option("+stringa+i+".text,"+stringa+i+".value)")
          i=i+1
      }
      //son.focus()
      i=1
      combostatus=''
      cstatus=stringa.split("_")
      while (cstatus[i]!=null) {
          combostatus=combostatus+cstatus[i]
          i=i+1
          }
      return combostatus;
    }
}

</script>




            <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Caracterização Funcional do Imóvel:</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="caracterizacao_funcional" class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            <option value="Bancos">Bancos</option>
            <option value="Fábricas">Fábricas</option>                        
            <option value="Garagens">Garagens</option>
            <option value="Celeiros">Celeiros</option>
            <option value="Hotéis">Hotéis</option>
            <option value="Paióis">Paióis</option>
            <option value="Edifícios de Escritórios">Edifícios de Escritórios</option>
            <option value="Lojas">Lojas</option>
            <option value="Teatros">Teatros</option>
            <option value="Armazéns">Armazéns</option>
            </select>
            </font></div></td>
            </tr>

            <tr valign="top">
                <td width="273" height="25"><div align="left" class="style41"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&Aacute;rea Constru&iacute;da:</font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" name="area_construida" onKeyPress="return(MascaraMoeda(this,'','.',event));" class="txt" size="40">
                </font></div></td>
            </tr>
            
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Idade da Constru&ccedil;&atilde;o:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" name="idade" onKeyUp="java script:somente_numero(this);" class="txt" size="40">
                </font></div></td>
            </tr>
            <tr bordercolor="#FFFFFF">
                <td height="24" colspan="2" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
                  <input type="submit" value="Enviar dados" name="botao" style="background-color:#00FFCC">
                </font></td>
            </tr>
    </table>
  </center>
</form>

                

           

          </div></td>

        </tr>



    </table></td></tr>



  <tr>



    <td>&nbsp;</td>



    <td>&nbsp;</td>



  </tr>
</table>



<div align="center"></div>



</body>



</html>

Se eu selecionasse a opção "Não Residencial" no combobox Uso do Imóvel, o combobox "Caracterização Funcional do Imóvel:" ficaria habilitado. Caso contrário ficaria desabilitado. Alguém pode me ajudar? Desde já agradeço

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
*FIT*

*FIT*

Postado
Postado

Segue um exemplo, ai basta adaptar melhor a sua necessidade

<script language="javascript">
<!--
function paisBrasil() {
if(document.forms[0].elements["paisf"].value == "Brasil") {
  document.forms[0].elements["estadosf"].disabled=false;
}
else {
  document.forms[0].elements["estadosf"].disabled=true;
}
}
//-->
</script>
<form>
País: <select name="paisf" onchange="paisBrasil();">
<option></option>
<option value="Brasil">Brasil</option>
</select><br>
<select name="estadosf" disabled="true">
<option>SP</option>
<option>RJ</option>
</select></form>

Abraços

Link para o comentário
Compartilhar em outros sites
  • 0
bandit23

bandit23

Postado
  • Autor
Postado

O problema é que eu já estou usando o onchange para chamar outra função, "onChange="change(this)".

<td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="uso_imovel" id="combo_0" onChange="change(this);"  class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            <OPTION value="Residencial">Residencial</OPTION>
            <OPTION value="Não residencial">Não residencial</OPTION>
            </select>
            </font></div></td>
          </tr>
        <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Padrão de Construção (SINDUSCON):</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="padrao_construcao" id="combo_1" onChange="change(this)" class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            </select>
            </font></div></td>
        </tr>
        <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Nível Acabamento:</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="nivel_acabamento" id="combo_2" onChange="change(this)" class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            </select>
            </font></div></td>
        </tr>
        
<script>
/*
*** Multiple dynamic combo boxes
*** by Mirko Elviro, 9 Mar 2005
*** Script featured and available on JavaScript Kit (http://www.javascriptkit.com)
***
***Please do not remove this comment
*/

// This script supports an unlimited number of linked combo boxed
// Their id must be "combo_0", "combo_1", "combo_2" etc.
// Here you have to put the data that will fill the combo boxes
// ie. data_2_1 will be the first option in the second combo box
// when the first combo box has the second option selected


// first combo box
    //data_1 = new Option("1", "$");
    //data_2 = new Option("2", "$$");
      
     // first combo box (Residencial)
    data_1_1 = new Option("Residência Unifamiliar","Residência Unifamiliar");
    data_1_2 = new Option("Prédio Popular - até 4 pavimentos","Prédio Popular - até 4 pavimentos");
    data_1_3 = new Option("Multifamiliar - até 8 pavimentos","Multifamiliar - até 8 pavimentos");
    data_1_4 = new Option("Multifamiliar - mais de 8 pavimentos","Multifamiliar - mais de 8 pavimentos");
    data_1_5 = new Option("Projeto de Interesse Social","Projeto de Interesse Social"); 
    data_1_6 = new Option("Residência Popular","Residência Popular"); 
      
    // second combo box (Não residencial)
    data_2_1 = new Option("Comercial Andares Livres","Comercial Andares Livres");
    data_2_2 = new Option("Comercial Salas e Lojas - pequeno porte","Comercial Salas e Lojas - pequeno porte");
    data_2_3 = new Option("Comercial Salas e Lojas - até 8 pavimentos","Comercial Salas e Lojas - até 8 pavimentos");
    data_2_4 = new Option("Comercial Salas e Lojas - mais de 8 pavimentos","Comercial Salas e Lojas - mais de 8 pavimentos");
    data_2_5 = new Option("Galpão Industrial","Galpão Industrial");
    
    // third combo box (Nivel Acabamento) - Residência Unifamiliar
    data_1_1_1 = new Option("Baixo","Baixo");
    data_1_1_2 = new Option("Normal","Normal");
    data_1_1_3 = new Option("Alto","Alto");

    // third combo box (Nivel Acabamento) - Prédio Popular - até 4 pavimentos
    data_1_2_1 = new Option("Baixo","Baixo");
    data_1_2_2 = new Option("Normal","Normal");

    // third combo box (Nivel Acabamento) - Multifamiliar - até 8 pavimentos
    data_1_3_1 = new Option("Baixo","Baixo");
    data_1_3_2 = new Option("Normal","Normal");
    data_1_3_3 = new Option("Alto","Alto");    
    
    // third combo box (Nivel Acabamento) - Multifamiliar - mais de 8 pavimentos
    data_1_4_1 = new Option("Normal","Normal");
    data_1_4_2 = new Option("Alto","Alto"); 
    
    // third combo box (Nivel Acabamento) - Projeto de Interesse Social
    data_1_5_1 = new Option("Padrão Único","Padrão Único");
    
    // third combo box (Nivel Acabamento) - Residência Popular
    data_1_6_1 = new Option("Padrão Único","Padrão Único");
    
    
    
    
    // third combo box (Nivel Acabamento) - Comercial Andares Livres
    data_2_1_1 = new Option("Normal","Normal");
    data_2_1_2 = new Option("Alto","Alto");

    // third combo box (Nivel Acabamento) - Comercial Salas e Lojas - pequeno porte
    data_2_2_1 = new Option("Normal","Normal");
    data_2_2_2 = new Option("Alto","Alto");

// third combo box (Nivel Acabamento) - Comercial Salas e Lojas - até 8 pavimentos
    data_2_3_1 = new Option("Normal","Normal");
    data_2_3_2 = new Option("Alto","Alto");    
    
// third combo box (Nivel Acabamento) - Comercial Salas e Lojas - mais de 8 pavimentos
    data_2_4_1 = new Option("Normal","Normal");
    data_2_4_2 = new Option("Alto","Alto"); 
    
// third combo box (Nivel Acabamento) - Galpão Industrial
    data_2_5_1 = new Option("Padrão Único","Padrão Único");
    


// other parameters

    displaywhenempty="Selecione"
    valuewhenempty=-1

    displaywhennotempty="Selecione"
    valuewhennotempty=0


function change(currentbox) {
    numb = currentbox.id.split("_");
    currentbox = numb[1];

    i=parseInt(currentbox)+1

// I empty all combo boxes following the current one

    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
          (document.getElementById("combo_"+i)!=null)) {
        son = document.getElementById("combo_"+i);
        // I empty all options except the first one (it isn't allowed)
        for (m=son.options.length-1;m>0;m--) son.options[m]=null;
        // I reset the first option
        son.options[0]=new Option(displaywhenempty,valuewhenempty)
        i=i+1
    }


// now I create the string with the "base" name ("stringa"), ie. "data_1_0"
// to which I'll add _0,_1,_2,_3 etc to obtain the name of the combo box to fill

    stringa='data'
    i=0
    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
          (document.getElementById("combo_"+i)!=null)) {
          eval("stringa=stringa+'_'+document.getElementById(\"combo_"+i+"\").selectedIndex")
          if (i==currentbox) break;
          i=i+1
    }


// filling the "son" combo (if exists)

    following=parseInt(currentbox)+1

    if ((eval("typeof(document.getElementById(\"combo_"+following+"\"))!='undefined'")) &&
      (document.getElementById("combo_"+following)!=null)) {
      son = document.getElementById("combo_"+following);
      stringa=stringa+"_"
      i=0
      while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {

      // if there are no options, I empty the first option of the "son" combo
      // otherwise I put "-select-" in it

            if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))
                if (eval("typeof("+stringa+"1)=='undefined'"))
                  eval("son.options[0]=new Option(displaywhenempty,valuewhenempty)")
                else
                eval("son.options[0]=new Option(displaywhennotempty,valuewhennotempty)")
          else
              eval("son.options["+i+"]=new Option("+stringa+i+".text,"+stringa+i+".value)")
          i=i+1
      }
      //son.focus()
      i=1
      combostatus=''
      cstatus=stringa.split("_")
      while (cstatus[i]!=null) {
          combostatus=combostatus+cstatus[i]
          i=i+1
          }
      return combostatus;
    }
}

</script>




            <tr valign="top">
            <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Caracterização Funcional do Imóvel:</span></font></div></td>
            <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<select name="caracterizacao_funcional" class="txt">
            <OPTION value="Selecione">Selecione</OPTION>
            <option value="Bancos">Bancos</option>
            <option value="Fábricas">Fábricas</option>                        
            <option value="Garagens">Garagens</option>
            <option value="Celeiros">Celeiros</option>
            <option value="Hotéis">Hotéis</option>
            <option value="Paióis">Paióis</option>
            <option value="Edifícios de Escritórios">Edifícios de Escritórios</option>
            <option value="Lojas">Lojas</option>
            <option value="Teatros">Teatros</option>
            <option value="Armazéns">Armazéns</option>
            </select>
            </font></div></td>
            </tr>

            <tr valign="top">
                <td width="273" height="25"><div align="left" class="style41"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&Aacute;rea Constru&iacute;da:</font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" name="area_construida" onKeyPress="return(MascaraMoeda(this,'','.',event));" class="txt" size="40">
                </font></div></td>
            </tr>
            
            <tr valign="top">
                <td width="273" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<span class="style41">Idade da Constru&ccedil;&atilde;o:</span></font></div></td>
                <td width="375" height="25"><div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;<input type="text" name="idade" onKeyUp="java script:somente_numero(this);" class="txt" size="40">
                </font></div></td>
            </tr>
            <tr bordercolor="#FFFFFF">
                <td height="24" colspan="2" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
                  <input type="submit" value="Enviar dados" name="botao" style="background-color:#00FFCC">
                </font></td>
            </tr>
    </table>
  </center>
</form>

                

           

          </div></td>

        </tr>



    </table></td></tr>



  <tr>



    <td>&nbsp;</td>



    <td>&nbsp;</td>



  </tr>
</table>



<div align="center"></div>



</body>



</html>

Link para o comentário
Compartilhar em outros sites
  • 0
rickayron

rickayron

Postado
Postado
Ok, e se no caso você usar uma função para chamar outra?

Por exemplo, você está usando o onChange para chamar a função "change(this)", e se através dessa função você chamar a outra?

utilize ponto e virugla e coloque a outra função você pode chamar mais de uma função por evento

onchange="envia(); desabilita(campo);"

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,1k
×
×
  • Criar Novo...