Ir para conteúdo

Arquivado

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

lezão

escolhar qnts numeros eu preciso, e depois de escolher em baixo aparec

Por , em Javascript

Recommended Posts

lezão    0

lezão
Postado

Ola galera, como posso fazer o seguinte codigo?

 

tenho um form, e nesse form eu tenho a opção de escolhar qnts numeros eu preciso, e depois de escolher em baixo aparece a qntdade de campos q escolhi....

 

tipo

 

opções eu tenho de 1 a 20

 

se eu escolher 10 em baixo aparecerá 10 campos embaixo....

 

 

 

codigo:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body><form id="form1" name="form1" method="post" action="">
<table width="413" border="0" cellspacing="3" cellpadding="3">
  <tr>
    <td width="38%"><em><b>Numero de Participantes:</b></em> </td>
    <td width="62%">
	
	<select name="rsdee">
<option selected></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>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
<option value=16>16</option>
<option value=17>17</option>
<option value=18>18</option>
<option value=19>19</option>
<option value=20>20</option>
	</select>   </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td><em><b>Equipe 1</b></em></td>
    <td>
	
      <input type="text" name="textfield" />
	  
	  </td>
  </tr>
  <tr>
    <td><em><b>Equipe 2 </b></em></td>
    <td><input type="text" name="textfield2" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 3 </b></em></td>
    <td><input type="text" name="textfield3" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 4 </b></em></td>
    <td><input type="text" name="textfield4" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 5 </b></em></td>
    <td><input type="text" name="textfield5" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 6 </b></em></td>
    <td><input type="text" name="textfield6" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 7 </b></em></td>
    <td><input type="text" name="textfield7" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 8 </b></em></td>
    <td><input type="text" name="textfield8" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 9 </b></em></td>
    <td><input type="text" name="textfield9" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 10</b></em></td>
    <td><input type="text" name="textfield10" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 11</b></em></td>
    <td><input type="text" name="textfield11" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 12</b></em></td>
    <td><input type="text" name="textfield12" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 13</b></em></td>
    <td><input type="text" name="textfield13" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 14</b></em></td>
    <td><input type="text" name="textfield14" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 15</b></em></td>
    <td><input type="text" name="textfield15" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 16</b></em></td>
    <td><input type="text" name="textfield16" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 17</b></em></td>
    <td><input type="text" name="textfield17" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 18</b></em></td>
    <td><input type="text" name="textfield18" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 19</b></em></td>
    <td><input type="text" name="textfield19" /></td>
  </tr>
  <tr>
    <td><em><b>Equipe 20 </b></em></td>
    <td><input type="text" name="textfield20" /></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td colspan="2">
	
	<table width="100%" border="0" cellspacing="3" cellpadding="3">
  <tr>
    <td width="51%">
	
	<div align="right">
	
      <input type="submit" name="Submit" value="Gerar Tabela" />
	  
    </div>
	
	</td>
    <td width="49%">
	
	<input type="reset" name="Reset" value="Cancelar">
	
	</td>
  </tr>
</table>

	<div align="right"></div>      <div align="left"></div></td>
    </tr>
</table>
</form> 
</body>
</html>

 

pra vceis entenderem melhor...

 

 

 

12.png

 

 

 

 

13.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

FreitasMT    29

FreitasMT
Postado 
<style>
	.campos{
		padding:40px; background:#DDD
	}	
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" >
$(function(){
	$(".gerar").click(function(){
		var qtd = $("#qdt-campos").val(); // pegando valor digitado
		
		$(".campos").html(""); // limpando div campos
		// inserindo campos
		for(var i=0; i<qtd; i++){
			$(".campos").append("<input type='text' name='campo"+i+"' id='campo"+i+"' /><br />");
		}
	})

});
</script>

<label for="qdt-campos">Digite a quantidade de campos</label><a href="#" class="gerar">gerar</a><br />
<input type="text" id="qdt-campos" name="qdt-campos"><br />

<div class="campos"></div>

se eu entendi direito.......

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