[Resolvido] Abrir popup conforme valores de select

[Joao Laudir 0]

A dúvida agora é a seguinte:

 

Tenho um select com o estado civil, preciso que ao selecionar casado, ou "comum acordo" abra uma janela popup pra poder inserir informações do conjuge.

se selecionar solteiro, viúvo ou desquitado/divorciado, não aparece nada.

 

<select name="estcivil" id="estcivil">
<option value="">Escolha o estado civil</option>
<option value="Solteiro">Solteiro</option>
<option value="Casado">Casado</option>
<option value="Comum Acordo">Comum Acordo</option>
<option value="Divorciado">Divorciado</option>
<option value="Viúvo">Viúvo</option>
</select>

 

Ao selecionar o estado civil, deve passar o parametro pra popup e imprimir dentro de input text.

 

Tentei com o if e o case mas nao deu certo:

$(document).ready(
		function()
		{
			$('#pop').hide();
			$('#estcivil').change(function()
			{
				var valor = $('#estcivil').attr("value");
				switch(valor) 
				{
					case 'Casado':
							$('#pop').load('ins_familiares.php?estcivil='+valor);
							$('#pop').show('fast');
							$('#pop').height('auto');
							$('#pop').width('auto');
						break;
					case 'Comum Acordo': 
							$('#pop').load('ins_familiares.php?estcivil='+valor);
							$('#pop').show('fast');
							$('#pop').height('auto');
							$('#pop').width('auto');
						break;
				}
			});
		}
	);

[William Bruno 1501]

no lugar de:

 var valor = $('#estcivil').attr("value");

 

use:

 var valor = $( this ).val();

[Joao Laudir 0]

Ótima a sua dica, porém agora o problema se tornou em outro:

 

Ao escolhe uma das funções eu tenho q abrir um popup (div) com um formulário dentro para preenchimento de informações.

só que ao escolher o Casado ou "Comum Acordo", nao abre a div #pop com tamanho auto conforme definido no arquivo de estilos (css).

aparece do tamanho de um único dígito.

 

o que poderia ser?

 

existe algum controle de width e height através do jquery tb?

 

editado para inserir o código, tirei o swich e usei o if

$(document).ready(
function()
{
	$('#pop').hide();
	$('#estcivil').change(function()
	{
		var valor = $( this ).val();
		if ((valor == 'Casado')||(valor == 'Comum Acordo'))
		{
			$('#pop').load('ins_familiares.php?estcivil='+valor);
			$('#pop').show('fast');
		}
		else
		{
			$('#pop').hide('fast');
		}
	});
});

[Joao Laudir 0]

achei uma solução que pode não ser das melhores mas está funcionando pra mim.

 

criei um button com o evento onclick = "$('#pop').hide();" dentro da div logo após,

criei um iframe dentro da div "#pop" com o src setado pra pagina que quero que seja aberta

 

até que uma solução menos "gambiarriática" surja, vou utilizando "isso" que eu fiz

 

a div pop

<div id="pop" style="height:auto; width:auto;"><button id="fechar" value="Fechar" onclick="$('#pop').hide();">Fechar</button><br />
<iframe width="800px" height="350px"src="http://localhost/SASE/new/ins_familiares.php" name="famili" scrolling="auto" id="famili"></iframe></div>

 

ja ia me esquecendo, eu preciso passar um parametro pra esta div/iframe