Div Display None

[JuLiuS20 0]

Olá, Bom Dia!

 

Estou tentando fazer um formulário de busca que tem um select e ao selecionar uma opção deveria aparecer outro select embaixo usando div display none e block.

Ja pesquisei e li muitos exemplos e semelhantes mas tem algo errado com o meu código pois quando o div contem <tr> <td> ele aparece mesmo com display none e alem disso da erro de objeto esperado no onchange do select.

 

Quem souber resolver isso facil por favor me ajude.

 

 

Esse é o form...

 

Code

<table>
<tr>
<td>Modelo:</td>
<td>
<select id="modelo" onchange="exibir(this.value)">
	<option value="1"> Selecione</option>
	<option value="2"> Opção 1</option>
	<option value="3"> Opção 2 </option>
</select>
</td>
</tr>
<div id="op1" style="display:none;">
<tr>
<td></td>
<td>
<select name="tipo">
	<option value="1"> Opção 1 </option>
	<option value="2"> Opção 2 </option>	
</select>
</td>
</tr>
</div>
</table>

Esse é o scritp...

<script type="text/javascript">
exibir(x){
var op1=document.getElementById("op1");
var op2=document.getElementById("op2");
if (x==1)
op1.style.display="block"
if (x==2)
op2.style.display="block"
}
</script>

 

Obrigado!

[andreia_sp 1]

eu nao entendi mto bem a sua duvida... de qq jeito coloque o function do lado do exibir

[WarLiKe 0]

o Select ta com o value 1, quando você troca e coloca o "Opção 1" . . . este tem value = 2 que vai tentar axar o op2 que eu não estou vendo no seu HTML e que provavelmente este é o objeto esperado, o div de id op2