Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cahm88

Mostrar e Ocultar com Jquery e MYSQl

Recommended Posts

eu tenho um script onde com um input eu consigo ocultar e mostrar TRs. porem eu gostaria que no banco de dados com alguns grupos de palavras que a TRs oculta-se ou mostra-se ela. Isso é possivel?? E como posso fazer isso

Compartilhar este post


Link para o post
Compartilhar em outros sites
Desculpe pela demora,

trabalhando muito


consegui fazer segue o script abaixo



<script>

function id(el) {

return document.getElementById(el);}

function mostra(element) {

if (element.value) {

id(element.value).style.display = 'block';

}

}

function esconde_todos($element, tagName) {

var $elements = $element.getElementsByTagName(tagName),

i = $elements.length;

while(i--) {

$elements.style.display = 'none';

}

}

window.addEventListener('load', function() {

var $mostrar1 = id('mostrar1'),

$mostrar2 = id('mostrar2'),

$mostrar3 = id('mostrar3'),

$mostrar4 = id('mostrar4'),

$escolha = id('escolha');


//mostrando no onload da página

esconde_todos(id('resposta'), 'div');

mostra($escolha);


//mostrando ao mudar o select

$escolha.addEventListener('change', function() {

esconde_todos(id('resposta'), 'div');

mostra(this);

});

});

</script>

<label class="frm">

<select name="escolha" id="escolha">

<option value="">--</option>

<option value="mostrar1">Mostrar 1</option>

<option value="mostrar2">Mostrar 2</option>

<option value="mostrar3">Mostrar 3</option>

<option value="mostrar4">Mostrar 4</option>

</select>

</label>

<div id="resposta">

<div id="mostrar1">

<label class="frm">

<input type="text" name="aparecer1" id="aparecer1" value="">

</label>

</div>

<div id="mostrar2">

<label class="frm">

<input type="text" name="aparecer2" id="aparecer2" value=""><br>

<input type="text" name="aparecer2.1" id="aparecer2.1" value=""><br>

</label>

</div>

<div id="mostrar3">

<label class="frm">

<input type="text" name="aparecer3" id="aparecer3" value=""><br>

<input type="text" name="aparecer3.1" id="aparecer3.1" value=""><br>

<input type="text" name="aparecer3.2" id="aparecer3.2" value="">

</label>

</div>

<div id="mostrar4">

<label class="frm">

<input type="text" name="aparecer4" id="aparecer4" value=""><br>

<input type="text" name="aparecer4.1" id="aparecer4.1" value=""><br>

<input type="text" name="aparecer4.2" id="aparecer4.2" value=""><br>

<input type="text" name="aparecer4.3" id="aparecer4.3" value="">

</label>

</div>

</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.