Ir para conteúdo

POWERED BY:

Arquivado

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

fernandoop

após clicar no select inserir outro select

Por , em Javascript

Recommended Posts

fernandoop    0

fernandoop
Postado

Olá galera, tenho um primeiro select (o nome do <form> é pedido)

<select name="select" onChange="ver()" ><option value="selecione" selected>Selecione Opção</option><option value="op1">Primeira</option><option value="op2">Segunda</option><option value="op3">Terceira</option></select>// função <script language="JavaScript">function ver() {if (document.pedido.select.value != "selecione"){//alert ("caiu");var ins = "<select name='memo' > <option value='128Mb'> </option> ";document.pedido.ins;}}</script>

O usuário clica no primeiro numa opção do select e abre outro select embaixo. Assim por diante até o últimoPensei que usando variável e depois document.pedido.(variável) daria certo, mas dá erro (objeto esperado)desde já agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Testa para ver se é o que você procura:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><title>linhas e colunas</title><meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /><style type="text/css">#sltTipo2{display: none;}#sltTipo3{display: none;}</style><script type="text/javascript">exibe = function(slt,id){	var select = document.getElementById(id);	if(slt.selectedIndex != 0)		select.style.display = "block";}</script></head><body><select id="sltTipo" name="sltTipo" onchange="exibe(this,'sltTipo2');">	<option value="selecione" selected>Selecione Opção</option>	<option value="J">Jurídica</option>	<option value="F">Física</option></select><select id="sltTipo2" name="sltTipo2" onchange="exibe(this,'sltTipo3');">	<option value="selecione" selected>Selecione Opção</option>	<option value="J">Jurídica</option>	<option value="F">Física</option></select><select id="sltTipo3" name="sltTipo3">	<option value="selecione" selected>Selecione Opção</option>	<option value="J">Jurídica</option>	<option value="F">Física</option></select></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

Muito bom! Pode ser com InnerHTML do javascript também.

Vejam esse exemplo:

<html><head><script>	function montaSelect(valor)	{		if(valor == "op1")		{			document.getElementById('outras').innerHTML = "<select name='sl2'><option value='op0'>Segundo</option><option value='op1'>Opção 1</option>	<option value='op2'>Opção 2</option><option value='op3'>Opção 3</option></select>";		}	}</script></head><body><form name="frm"><select nome="sl1" onChange="montaSelect(this.value)">	<option value="op0">Primeiro</option>	<option value="op1">Opção 1</option>	<option value="op2">Opção 2</option>	<option value="op3">Opção 3</option></select><div id="outras"></div></frm></body></html>
mais é claro que existem outras formas, como utilizando o add() do select.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito