[Resolvido] Chamando Imagens pelo Select de Formulário

[Caio D. P. 0]

To precisando de uma ajuda... criei um formulário, e gostaria que num campo de seleção, de acordo com a opção escolhida, aparecesse determinadas imagens correspondentes. Vejam o que eu fiz:

 

<form name="formulario">
CLIENTE: <input name="cliente" type="text" size="70" maxlength="70">
CONTATO: <input name="contato" type="text" size="15" maxlength="10">
<p>PROJETO: <input name="projeto" type="text" size="99" maxlength="70">
</p>
<p>MODELO: <select name="modelo" onChange="verific1()">
       <option value="Fechamento 3100001" id="fech3100001">Fechamento 3100001</option>
       <option value="Fechamento 3100002">Fechamento 3100002</option>
       <option value="Fechamento 3100003">Fechamento 3100003</option>
       <option value="Fechamento 3100004">Fechamento 3100004</option>
       <option value="Fechamento 3100005">Fechamento 3100005</option>
       <option value="Fechamento 3100006">Fechamento 3100006</option>
       <option value="Fechamento 3100007">Fechamento 3100007</option>
       <option value="Fechamento 3100008">Fechamento 3100008</option>
       </select>
QUANTIDADE: <input name="quantidade" type="text" value="1" size="4" maxlength="3">
</p>
<p>METRO LINEAR: <input name="metro_linear" type="text" value="1" size="4" maxlength="3"> 
TRAVESSAS: <input name="travessas" type="text" value="" size="4" maxlength="3" onClick="operacao4()">
</p>
<strong><h3><span style="font-family:Arial, Helvetica, sans-serif; font-size:16px">MATERIAIS NECESSÁRIOS</span></h3></strong> 
TUBO DE 2" - <input type="text" name="res_tubo2"> METROS
<input type="button" value="Calcular" onClick="operacao1()">
<p>TUBO DE 3/4" - <input type="text" name="res_tubo34"> METROS
<input type="button" value="Calcular" onClick="operacao2()"></p>
<p>CANOPLAS - <input type="text" name="canoplas"> METROS
<input type="button" value="Calcular" onClick="operacao3()"></p>
<div id="foto3100001" style="display:none">
<img src="topo.jpg">
</div>
</form>

 

<script type="text/javascript">
function verific1() {
if(document.formulario.modelo.options[0].text=="Fechamento 3100001") {
document.formulario.foto3100001.style.display="block";
}
else {
document.formulario.foto3100001.style.display="none";
}
}
</script>

 

O que estou fazendo errado? E como posso fazer?

[William Bruno 1501]

é mais simples assim:

 

<p>MODELO: <select name="modelo" onChange="verific1( this )">

 

e então:

function verific1( el ) {
   if( el.value=="Fechamento 3100001") {

 

outra sugestão ainda, é você colocar no value de cada option, o ID ou o src da imagem, ai você evita o IF()

[Caio D. P. 0]

é mais simples assim:

 

<p>MODELO: <select name="modelo" onChange="verific1( this )">

 

e então:

function verific1( el ) {
   if( el.value=="Fechamento 3100001") {

 

outra sugestão ainda, é você colocar no value de cada option, o ID ou o src da imagem, ai você evita o IF()

 

Acabei utilizando de outra forma, mas valeu!