Olá,
Tenho o código abaixo que gera o numero de campos que selecionado, mas queria que isso foce dinâmico, via jquery ou ajax, sem dar refresh na pagina. tem como isso ser feito?
CODE:
<script language="Javascript">
function add_item(form){
var cont_item = 0;
var i = 0;
cont_item = eval(document.form.n_item.value) + 1;
for(i=1;i<cont_item;i++)
{
document.writeln("<div><tr><td class='FieldCaptionFONT'><div> <input type='text' name='n_item"+i+"' value='"+i+"' size='3'>");
document.writeln("</td><td><textarea name='descricao_atividade"+i+"' cols='20' rows='1' id='descricao_atividade' ></textarea></td>");
document.writeln("<td class='FieldCaptionFONT'><input name='acao_por"+i+"' type='text' id='acao_por'></td>");
document.writeln("<td class='FieldCaptionFONT'><input name='prazo"+i+"' type='text' id='prazo'></td>");
document.writeln("<td><textarea name='obs_fiscalizacao"+i+"' cols='20' rows='1' id='obs_fiscalizacao' ></textarea></td></div></tr></div>");
}
}
</script>
<form name="form" method="GET">
<div align="left">QTD ITEM </div></td>
<td><select name="n_item" id="n_item" onChange="add_item(this.form)">
<option selected value="0">0</option>
<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>
<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>
<input type="submit">
</form>
END CODE;
obrigado!