Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17720
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar as divs de acordo com a opção do select jQuery

10-07-2014 19:37

Esse script em jQuery exibe as divs de acordo com a numeração das options select. Por exemplo, se você tem duas divs, e escolhe a opção 2, mostra a div1 e a div2, se escolhe o número 1, mostra só a div1.

<style> .div{display:none;} </style>


<script src="jquery.js"></script>   <script> $(document).ready(function() { $('#select').change(function() { $('.div').hide(); $('.div').each(function() { if($(this).index() <= $('#select option:selected').val()) { $('#d'+$(this).index()).show(); } }); }); }); </script>


<select id="select"> <option></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select>     <div id="d1" class="div">a</div> <div id="d2" class="div">b</div> <div id="d3" class="div">c</div> <div id="d4" class="div">d</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado