Ci devi un po' lavorare.
Quello di sotto è un esempio rudimentale che fa uso di jquery
codice:<!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> <title></title> <style type="text/css"> body { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; } fieldset { padding:10px; } .bambino div { padding:10px; margin:10px; border:1px #998488 solid; } .bambino input, .bambino select { border:1px #8484A1 solid; width:80px; } .bambino label { background-color:#A73460; color:White; width:80px; display:block; font-weight: bold; padding-left:5px; } </style> <script type="text/javascript" src="../../js/jquery/jquery-1.3.2.min-vsdoc2.js"></script> <script language="javascript" type="text/javascript"> // <!CDATA[ function Select1_onchange(v) { var n = v.value; var d = $("#bambino"); var s = ""; d.html(""); for(var i = 1; i <= n; i++) { s = "<div>" + "<table>" + "<tr>" + "<td><label>Età</label></td>" + '<td><input id="eta' + i + '" name="eta' + i + '" type="text" /></td>' + "</tr>" + "<tr>" + "<td><label>Sesso</label></td>" + "<td>" + '<select id="sesso' + i + '" name="sesso' + i + '">' + '<option value=""></option>' + '<option value="m">Maschio</option>' + '<option value="f">Femmina</option>' + "</select>" + "</td>" + "</tr>" + "</table>" + "</div>"; d.append(s); } } // ]]> </script> </head> <body> <form action="crea_tabella_action.aspx"> <fieldset> <legend>Form multiple</legend> <select id="Select1" onchange="return Select1_onchange(this)"> <option value="0"></option> <option value="1">1 bambino</option> <option value="2">2 bambini</option> <option value="3">3 bambini</option> </select> <div id="bambino" class="bambino"></div> </fieldset> <input id="Submit1" type="submit" value="submit" /> </form> </body> </html>
ps :master: in effetti, guardando bene ho visto ajax nel titolo. L'esempio non fa uso di ajax![]()

Rispondi quotando