script não executa
Boa noite a todos. Direto ao ponto. Pessoal no **select principal** ao selecionar um item qualquer e em **seguida **selecionar um item qualquer do select 1 ou select 2 ou select 3 e clicar no botão enviar o script não executa.
Agora se eu remover **<option value=""></option>** de todos os select o script executa normalmente.
**Nota**: Gostaria que quando o botão enviar fosse pressionado o script fosse executado. Quero que todos os select tenha em primeiro lugar este colega **<option value=""></option> **Obrigado
<pre>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$("#id_tipo_contacto").on('change', function(){
$('.formulario').hide();
$('#' + this.value).show();
});
});//]]>
</script>
<form action="executou.php" method="post" name="form1" id="form1" >
select principal
<select name="selecione" id="id_tipo_contacto" required>
<option value=""></option>
<option value="camisa">camisa</option>
<option value="bermuda">bermuda</option>
<option value="acessoriosescolar">acessoriosescolar</option>
</select>
<div id="camisa" class="formulario" >
select 1
<select name="comprar" required>
<option value=""></option>
<option value="camisa1" >camisa1</option>
<option value="camisa2" >camisa2</option>
</select>
</div>
<div id="bermuda" class="formulario" style="display:none;">
select 2
<select name="comprar" class="select_auto" required>
<option value=""></option>
<option value="bermuda1" >bermuda1</option>
<option value="bermuda2" >bermuda2</option>
</select>
</div>
<div id="acessoriosescolar" class="formulario" style="display:none;">
select 3
<select name="comprar" required>
<option value=""></option>
<option value="caneta">caneta</option>
<option value="lapis">lapis</option>
<option value="borracha">borracha</option>
</select>
</div>
<input type="submit" value="enviar" />
</form>
</pre>Discussão (8)
Carregando comentários...