Alguem poderia me dizer -2

lezão · Outubro 21, 2013

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

xanburzum · Outubro 22, 2013

postei um code em js que faz isso, vc vai adicionando quanto quiser, dá uma pesquisada no fórum

lezão · Outubro 22, 2013

Como se chama esse code?

ow me passa o link dele.....

xanburzum · Outubro 23, 2013

/*

*

* Como usar:

* todo o script se baseia nos parâmetros, logo você só terá que defini-los. Sâo eles:

* formID » valor do tipe ID que recebe o formulário

* buttonAdd » valor do tipo ID que recebe o botão para adicionar;

* textButtonRemove » valor do tipo STRING que especifíca o texto que aparecerá no botão de excluir campo

* maxInputs » valor do tipo inteiro que especifíca o máximo de campos a serem criado

* minInputs » valor do tipo inteiro que especifíca o mínimo de campos, no documento, depois de criados

* textLabel » valor do tipo STRING que especifíca o texto que aparecerá no label

*/

window.onload = function(){

addRemoveInput("upload", "btnAdd", "Deletar Campo!", 10, 2, "URL ");

};

function addRemoveInput(formId, buttonAdd, textButtonRemove, maxInputs, minInputs, textLabel){

var form = document.getElementById(formId);

var btnAdd = document.getElementById(buttonAdd);

var inputs = 0;

var labels = document.getElementsByTagName("label");

btnAdd.onclick = addInput;

function addInput(){

if(labels.length < maxInputs){

++inputs;

var label = document.createElement("label");

var input = document.createElement("input");

var btnRemove = document.createElement("input");

label.innerHTML = textLabel + inputs;

input.setAttribute("type", "text");

btnRemove.setAttribute("type", "button");

btnRemove.setAttribute("value", textButtonRemove);

label.appendChild(input);

if(labels.length < minInputs){

form.appendChild(label);

} else{

label.appendChild(btnRemove);

form.appendChild(label);

}

btnRemove.onclick = removeInput;

} else alert("Você pode adicionar até " + maxInputs + " campos!");

}

function removeInput(){

if(labels.length == minInputs + 1){

inputs--;

alert("Você deve deixar no mínimo " + minInputs + " campo(s)!");

form.removeChild(this.parentNode);

} else{

inputs--;

form.removeChild(this.parentNode);

}

lezão · Outubro 23, 2013

como uso ele....

aki

<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>

e aki

<input type="text" name="textfield2" />

JCMais · Outubro 24, 2013

Tópico movido Programação + ASP :seta: Programação + Javascript

E lezão, não crie mais de um tópico apenas para chamar a atenção para um outro, isso é considerado flood. :thumbsup:

lezão · Outubro 25, 2013

Tópico movido Programação + ASP :seta: Programação + Javascript

E lezão, não crie mais de um tópico apenas para chamar a atenção para um outro, isso é considerado flood. :thumbsup:

:joia:

lezão · Outubro 26, 2013

estou com esse code, e é + ou - oq eu estou precisando


<SCRIPT language="Javascript">
function setText(){
var x=document.getElementById('option1')
value = x.options[x.selectedIndex].value
if (value == '0')
  newInput.innerHTML = "<i>Equipe 1:</i> <input type='text' />"
else
  newInput.innerHTML = "<i>Equipe 2:</i> <input type='text' />"
}
</script>


<i>Participantes:</i><select onchange='setText()' id='option1'>
<option value='0'>-- escolha --</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>

<div id='newInput'>
<!-- lugar onde aparecerao os campos -->
</div>

apenas eu naun consigo colocar a qntdade necessaria de campos

Kurt Kreuser · Outubro 27, 2013

Aê... estilize e faça as alterações necessárias:

Link do cod rodando: http://designkk.com.br/imasters/tabela.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

$(document).ready(function(){

//seleciona e captura o valor do select

$('select').change(function(){

var selecao = $('select').val();

});

//função que gera os campos dinâmicos

$('input:eq(0)').click(function(e){

var selecao = $('select').val();

//remove as td's que contém a classe .din (evita o acúmulo de inserções)

$('.din').remove();

//faz o looping coparando o valor do ítem selecionado

for( var i = 0; i < selecao; i++ ){

//cria a as células com os input's text's e armazena na variável 'campos'

var campos = $('<tr class="din"><td><em><b>Equipe' + [i+1] + '</b></em></td><td><input type="text" name="textfield" /></td></tr>');

//insere a variável depois da <tr id="a">

$('#a').before(campos);

//bloqueia a ação padrão do form!

e.preventDefault()

};

});

$('input:reset').click(function(){

alert("Cancelar tabelas!");

//remove todas os ítens que possue a classe .din

$('.din').remove();

//reseta o select pra posição inicial

$('select').prop('selectedIndex', 0);

});

});//fecha função geral

</script>

</head>

<body>

<tr>

<td width="38%"><em><b>Numero de Participantes:</b></em> </td>

<option selected>escolha uma opção</option>

</select>

</td>

</tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

abraços!

lezão · Outubro 27, 2013

Valeu Kurt Kreuser, era isso mesmo q eu estava precisando......

Arquivado

Alguem poderia me dizer -2

Recommended Posts

lezão 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

lezão 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

lezão 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JCMais 75

Compartilhar este post

Link para o post

Compartilhar em outros sites

lezão 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

lezão 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Kurt Kreuser 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

lezão 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante