Ir para conteúdo

POWERED BY:

Arquivado

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

rafael.t.a

[Resolvido] Criar input dinâmicamente

Por , em Javascript

Recommended Posts

rafael.t.a    0

rafael.t.a
Postado

Boa noite pessoal.

 

O código abaixo está criando os inputs dinâmicamente, o problema é porque o botão não está funcionando e os inputs estão aparecendo em outra página.

 

Como posso fazer para que os inputs e o botão apareçam abaixo dos menu-list e eles funcionem???

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Inserir Disciplinas</title>
<link rel="stylesheet" href="estilo/folha.css" type="text/css">
<script>
	function mostraQuadros(){
		var qtd;

		qtd = document.disciplinas.quantidade[document.disciplinas.quantidade.selectedIndex].value
		document.write("<fieldset>");
		document.write("<legend>Disciplinas</legend>");
		for(i = 0; i < qtd; i++)
			document.write("<input type='text' name='quadro'+i></input>");
		document.write("<input type='submit' value='Enviar'></input>")
	}
</script>
</head>
<body>
	<form action="boletim.php" method="POST" name="disciplinas">
		<fieldset>
			<legend>Informações Gerais</legend>

			Período<select name="periodo">
				<option value="2009.2" selected>2009.2</option>
				<option value="2010.1">2010.1</option>
				<option value="2010.2">2010.2</option>
				<option value="2011.1">2011.1</option>
			</select>

			Quantidade<select name="quantidade" onchange="mostraQuadros()">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>

				<option value="6">6</option>
				<option value="7">7</option>
			</select>
			<br><br>
			<!-- <fieldset>
				<legend>Disciplinas</legend>
				<input type="text" name="quadro1"></input>
				<input type="text" name="quadro2"></input><br>
				<input type="text" name="quadro3"></input>
				<input type="text" name="quadro4"></input><br>
				<input type="text" name="quadro5"></input>
				<input type="text" name="quadro6"></input><br>
				<input type="text" name="quadro7"></input><br>
				<input type="submit" value="Enviar">
			</fieldset> -->
		</fieldset>
	</form>
</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