Mudar conteudo com select

[João Augusto 0]

Fala galera beleza??

Eu tenho um code que mudo alguns itens através de radio button, mais ao invés de frazer isso com o radio eu queria fazer com eles como se fossem opções de select.Quem puder me ajudar eu agradeceria muito.

 

<script type="text/javascript">

function changeLabel(labelId) {
a = document.getElementById("label");

if (labelId == 1)
{
  a.innerHTML = "<font size='2'>Código Renavam: </font>";
}

if (labelId == 2)
{
  a.innerHTML = "<font size='2'>CPF: </font>";
}

if (labelId == 3)
{
  a.innerHTML = "<font size='2'>CNPJ: </font>";
}

if (labelId == 4)
{
  a.innerHTML = "<font size='2'>Chassi: </font>";
}

if (labelId == 5)
{
  a.innerHTML = "<font size='2'>Placa: </font>";
}

if (labelId == 6)
{
  a.innerHTML = "<font size='2'>Chassi: </font>";
}

if (labelId == 7)
{
  a.innerHTML = "<font size='2'>Placa: </font>";
}

if (labelId == 8)
{
  a.innerHTML = "<font size='2'>Motor: </font>";
}


}

function changeField(labelId) {
a = document.getElementById("datafield");

if (labelId == 1)
{
  a.innerHTML = "<font size='2'><input name='cpfcnpj' type='text' size='11' maxlength='9'></font><font size='2'> </font><font size='2'> </font><input type='hidden' name='uf' value=''>";
}

if (labelId == 2)
{
  a.innerHTML = "<font size=\"2\"><input name=\"cpfcnpj\" type=\"text\" size=\"18\" maxlength=\"12\" onBlur=\"java script: return dFilter (event.keyCode, this, '#########-##');\"></font><font size=\"2\"> </font><font size=\"2\"> </font><input type=\"hidden\" name=\"uf\" value=\"\">";
}

if (labelId == 3)
{
  a.innerHTML = "<font size=\"2\"><input name=\"cpfcnpj\" type=\"text\" size=\"18\" maxlength=\"16\" onBlur=\"java script: return dFilter (event.keyCode, this, '########/####-##');\"></font><font size=\"2\"> </font><font size=\"2\"> </font><input type=\"hidden\" name=\"uf\" value=\"\">";
}

if (labelId == 4)
{
  a.innerHTML = "<font size=\"2\"><input name=\"cpfcnpj\" type=\"text\" size=\"23\" maxlength=\"21\" ></font><font size=\"2\"> </font><font size=\"2\"> </font><input type=\"hidden\" name=\"uf\" value=\"\">";
}

if (labelId == 5)
{
  a.innerHTML = "<font size=\"2\"><input name=\"cpfcnpj\" type=\"text\" size=\"10\" maxlength=\"7\" ></font><font size=\"2\"> </font><font size=\"2\">   </font><select name=\"uf\"><option value=\"AC\" >AC</option><option value=\"AL\" >AL</option><option value=\"AM\" >AM</option><option value=\"AP\" >AP</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=\"MG\" >MG</option><option value=\"MS\" >MS</option><option value=\"MT\" >MT</option><option value=\"PA\" >PA</option><option value=\"PB\" >PB</option><option value=\"PE\" >PE</option><option value=\"PI\" >PI</option><option value=\"PR\" >PR</option><option value=\"RJ\" selected >RJ</option><option value=\"RN\" >RN</option><option value=\"RO\" >RO</option><option value=\"RR\" >RR</option><option value=\"RS\" >RS</option><option value=\"SC\" >SC</option><option value=\"SE\" >SE</option><option value=\"SP\" >SP</option><option value=\"TO\" >TO</option></select>";
}

if (labelId == 6)
{
  a.innerHTML = "<font size=\"2\"><input name=\"cpfcnpj\" type=\"text\" size=\"23\" maxlength=\"21\" ></font><font size=\"2\"> </font><font size=\"2\">   </font><select name=\"uf\"><option value=\"AC\" >AC</option><option value=\"AL\" >AL</option><option value=\"AM\" >AM</option><option value=\"AP\" >AP</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=\"MG\" >MG</option><option value=\"MS\" >MS</option><option value=\"MT\" >MT</option><option value=\"PA\" >PA</option><option value=\"PB\" >PB</option><option value=\"PE\" >PE</option><option value=\"PI\" >PI</option><option value=\"PR\" >PR</option><option value=\"RJ\" selected >RJ</option><option value=\"RN\" >RN</option><option value=\"RO\" >RO</option><option value=\"RR\" >RR</option><option value=\"RS\" >RS</option><option value=\"SC\" >SC</option><option value=\"SE\" >SE</option><option value=\"SP\" >SP</option><option value=\"TO\" >TO</option></select>";
}

if (labelId == 7)
{
  a.innerHTML = "<font size=\"2\"><input name=\"cpfcnpj\" type=\"text\" size=\"10\" maxlength=\"7\" ></font><font size=\"2\"> </font><font size=\"2\">   </font><select name=\"uf\"><option value=\"AC\" >AC</option><option value=\"AL\" >AL</option><option value=\"AM\" >AM</option><option value=\"AP\" >AP</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=\"MG\" >MG</option><option value=\"MS\" >MS</option><option value=\"MT\" >MT</option><option value=\"PA\" >PA</option><option value=\"PB\" >PB</option><option value=\"PE\" >PE</option><option value=\"PI\" >PI</option><option value=\"PR\" >PR</option><option value=\"RJ\" selected >RJ</option><option value=\"RN\" >RN</option><option value=\"RO\" >RO</option><option value=\"RR\" >RR</option><option value=\"RS\" >RS</option><option value=\"SC\" >SC</option><option value=\"SE\" >SE</option><option value=\"SP\" >SP</option><option value=\"TO\" >TO</option></select>";

}

if (labelId == 8)
{
  a.innerHTML = "<font size='2'><input name='cpfcnpj' type='text' size='21' maxlength='21'></font><font size='2'> </font><font size='2'> </font><input type='hidden' name='uf' value=''>";
}


}

</script>

table width="100%">
		  <tr>
			<td valign="top">
			  <input type="radio" name="tipo" value="1" checked onClick="java script: changeLabel(5); changeField(5); document.forms[0].cpfcnpj.value='';">
			  <font size="2">Consultar por Placa</font><br>

			  <input type="radio" name="tipo" value="2" onClick="java script: changeLabel(4); changeField(4); document.forms[0].cpfcnpj.value='';">
			  <font size="2">Consultar por Chassi</font><br>
			  <input type="radio" name="tipo" value="3" onClick="java script: changeLabel(8); changeField(8); document.forms[0].cpfcnpj.value='';">
			  <font size="2">Consultar por Motor</font><br>
			  <input type="radio" name="tipo" value="4" onClick="java script: changeLabel(1); changeField(1); document.forms[0].cpfcnpj.value='';">
			  <font size="2">Consultar por Código Renavam</font>
		   </td>

		  </tr>
		</table>

[hgb7 3]

http://forum.imasters.com.br/index.php?showtopic=332312

 

Espero que seja um inicio...

[João Augusto 0]

Não seria isso, eu queria um método de alterar alguns objetos via javascript agindo em um option(drop down).

Eu consegui fazer isso via radio button como está no exemplo acima, mais por uma questão estética queria esse efeito em um option select.

Mais valeu pela ajuda...

=]