Ir para conteúdo

POWERED BY:

Arquivado

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

gmps

[Resolvido] combobox + campos extras

Por , em Javascript

Recommended Posts

gmps    0

gmps
Postado

Galera...beleza?!?!

 

Bom..nao manjo mto de js nao..e estou com um problema:

 

eu tenho um combobox com varios nomes dentro ex:

cmts blabla

cmts bleble xy

cmts blu

roteador tecoteco

roteador felx

switch druc

switch pepe

 

eu tenho um formulario normal, se eu selecionar o campo do combobox que começa com "cmts..." ira criar 3 novos inputs no final do meu formulario, caso contrario, ira criar somente mais um(escolhendo outras opcoes que nao iniciam com "cmts...")...tem como fazer esse esquema?!?

 

 

se alguem souber como que eu faço para saber se o combobox escolhido, se o texto desse combobox escolhido começa/tem com a palavra "cmts" no inicio, acredito que eu consiga adaptar em um script aqui...

 

 

[]´z

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

eae, você vai usar como referência o innerHTML ? bom beleza..

 

pra você saber se começa com "cmts" é simples..

<script>


function verifica(){
	var combo_ = document.getElementById("combo");
	var selecionado = combo_.options[combo_.selectedIndex];
	var er = "^cmts";
	var ereg = new RegExp(er);
	//se começa com cmts
	if(ereg.test(selecionado.innerHTML)){
		alert("começa");
	}else{
		alert("nao começa");	
	}
}

</script>
<select id="combo" onchange="verifica()">
	<option>cmts blabla</option>
	<option>blabla</option>
</select>
você pode reparar que usei expresão regular.. "^" é inicio...se você não conheçe muito de ER de uma procurada no google...

basicamente é isso..apartir do ex você faz o que você quer..=)

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

gmps    0

gmps
Postado

RESOLVIDO

 

<HTML>
<HEAD>
 <TITLE>Novo Documento</TITLE>
 <script type="text/javascript">
 <!--

 var div_aberta = null;

 function AbreCampos()
 {
	//  pega o objeto select do documento
	select			  = document.getElementById("select");

	//  recupera o indice do objeto selecionado
	idx_selecionado	 = select.options[select.options.selectedIndex].value;

	//  recupera o objeto selecionado
	obj_selecionado	 = select.options[idx_selecionado];

	//  verifica se há item selecionado
	if(obj_selecionado)
	{
		//  verifica se a propriedade value não esta vaziz
		if(obj_selecionado.value)
		{
			//  recupera o texto do objeto selecionado
			txt_selecionado	 = obj_selecionado.text;

			//  refina o texto da string
			str = txt_selecionado.substring(0,4);
		}

		//  verifica se a string refinada não esta vazia
		if(str)
		{
			//  verifica se já foi exibida alguma camada
			if(div_aberta)
			{
				//  oculta a ultima camada exibida
				document.getElementById(div_aberta).className = "hidden";
			}

			//  valida o option selecionado
			if(str == "CMTS")
			{
				//  nome da div
				n_div = "um";

				//  exibe a camada
				document.getElementById(n_div).className = "visible";

				//  configura a camada que esta aberta
				div_aberta = n_div;
			}
			else
			{
				//  nome da div
				n_div = "quatro";

				//  exibe a camada
				document.getElementById(n_div).className = "visible";

				//  configura a camada que esta aberta
				div_aberta = n_div;
			}
		}
	}
	else
	{
		//  oculta a ultima camada exibida
		if(div_aberta)
		{
			document.getElementById(div_aberta).className = "hidden";
		}
	}
}
 //-->
 </script>
 <style type="text/css" media="screen">

 .hidden
 {
	display: none;
 }

 .show
 {
	display: block;
 }

 </style>
</HEAD>
<BODY>
	<form method="POST">
		<select onchange="java script:AbreCampos();" id="select">
		   <option value="">*** Selecione</option>
		   <option value="1">CMTS BLBUBLU</option>
		   <option value="2">ROTEADOR FDF FSD</option>
		</select>
	</form>
	<div id="campos">
		<div id="um" class="hidden" style="background: #CCAA99;">
			<input type="text" size="20">
		</div>
		<div id="quatro" class="hidden" style="background: #AA00CC;">
			<input type="text" size="20">
			<input type="text" size="20">
			<input type="text" size="20">
			<input type="text" size="20">
		</div>
	</div>
</BODY>
</HTML>

vlw Wellington \o/

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