Ir para conteúdo

POWERED BY:

Arquivado

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

Eduardo Villa

[Resolvido] SELECT + JavaScript

Por , em Javascript

Recommended Posts

Eduardo Villa    2

Eduardo Villa
Postado

E ai galera,

<script language="javascript">
    function ChamarLink() {
        var valorCombo = document.getElementById("selectOK").value;
        document.getElementById("receberLink").innerHTML = "<a href='Teste.asp?qual="+valorCombo+"'>agora sim</a>";
    }
</script>
<select id="selectOK" name="selectOK" onchange="ChamarLink();">
    <option value="">Selecione</option>
    <option value="01">Pessoa Física</option>
    <option value="02">Pessoa Jurídica</option>
</select>
<br>
<div id="receberLink"></div>

Preciso fazer o seguinte, ao selecionar a opção de VALOR1(Pessoa Física): aparece 3<INPUT> e se selecionar o de VALOR2(Pessoa Jurídica): aparece 2<INPUT>

 

Tem como?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Basta criar um bloco condicional. Este será responsável pela alteração do estilo: display:"block" ou display:"none", que são os mais utilizados.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado 

<script>

function pessoaFisica(){

if(getElementById('1').checked = true){

getElementById('opcoes').innerHTML = '/*seu código HTML das opções da pessoa fisica*/';

}}

function pessoaFisica(){

if(getElementById('2').checked = true){

getElementById('opcoes').innerHTML = '/*seu código HTML das opções da pessoa juridica*/';

}}

 

</script>

...

<option id="1" onclick="pessoaFisica()" value="01">Pessoa Física</option>

<option id="2" onclick="pessoaJuridica()" value="02">Pessoa Jurídica</option>

...

<div id="opcoes">

</div>

...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Estude o script a seguir:

<script type="text/javascript">
   function ChamarLink() {
	var formPf = document.getElementById("pf")
	var formPj = document.getElementById("pj")
	var valorCombo = document.getElementById("selectOK").value;

	formPf.style.display = "none";
	formPj.style.display = "none";

		if(valorCombo == 01) {
			formPf.style.display = "block";
		} else if (valorCombo == 02) { 
			formPj.style.display = "block";
		} 
   }
</script>
</head>
<body>
<select id="selectOK" name="selectOK" onchange="ChamarLink();">
   <option value="">Selecione</option>
   <option value="01">Pessoa Física</option>
   <option value="02">Pessoa Jurídica</option>
</select>

<form id="pf" action="" method="" style="display:none;">
<input type="text" /><br /><br />
<input type="text" /><br /><br />
<input type="text" />
</form>

<form id="pj" action="" method="" style="display:none;">
<input type="text" /><br /><br />
<input type="text" />
</form>

 

Passe as declarações de estilo inline e as tags BR para folhas de estilo externa.

-----------------------------------------------------------

@Klonder: É isso mesmo.

@Dudesigner: Não use o atributo language="javascript" no elemento script.

Use type="text/javascript"

@Holt: É ilegal começar valores de ID com números.

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