Ir para conteúdo

POWERED BY:

Arquivado

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

guilhr

manipular um combobox

Por , em Javascript

Recommended Posts

guilhr    0

guilhr
Postado

Pessoal eu estou querendo fazer uma pagina em que vai ter um combobox com uma lista de itens, quando eu selecionar um item no combobox, eu quero q aparece um lista de checkbox na mesma pagida. como eu posso fazer isso. alguem poderia mim dá exemplo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

Tópico movido

 

Origem: Programação » PHP

Destino: Desenvolvimento » Javascript / DHTML

Exemplo(feio):

<html>
	<head>
		<title>Exemplo</title>
		<meta name="Content-type" content="text/html; charset=UTF-8" />
		<script type="text/JavaScript">
			function elTx(texto){
				return document.createTextNode(texto);
			}

			function criaCheckBox(nome, valor){
				var checkBox = document.createElement("input");
				checkBox.type = "checkbox";
				checkBox.name = nome;
				checkBox.value = valor;
				return checkBox;
			}

			function clearContainer(containerId){
				var container = document.getElementById(containerId);
				do {
					container.removeChild(container.firstChild);
				} while(container.firstChild);
			}

			function changed(select){
				clearContainer("d1");
				var container = document.getElementById("d1");
				if(select[select.selectedIndex].value == "op1"){
					container.appendChild(elTx("Checkbox[op1]:"));
					container.appendChild(criaCheckBox("chk1", "valor"));
				} else if(select.selectedIndex != 0) {
					container.appendChild(elTx("Checkbox[resto]:"));
					container.appendChild(criaCheckBox("chk2", "valor"));
				}
			}
		</script>
	</head>
	<body>
		Select:
		<select name="select" onchange="changed(this);">
			<option selected="selected">Selecione</option>
			<option value="op1">Opção 1</option>
			<option value="op2">Opção 2</option>
		</select><br />
		Resultado:<div id="d1"></div>
	</body>
</html>

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