ajax form event

**diablobox** · 19-05-2009, 15:38

Ciao

vorrei realizzare in un form un qualcosa tipo questoVEDI LINK

in pratica vorrei mettere nel mio form un elenco BAMBINI:
posizionato di default su NESSUNO.

Quando si seleziona ad esempio 2 (bambini)
vorrei che mi comparissero altri due elenchi select dove inserire la data di ciascun bambino.

C'è nulla di similare e gratuito che faccia al caso mio??

Grazie
Ciao

**pietro09** · 19-05-2009, 17:06

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

**diablobox** · 19-05-2009, 18:16

... deh.. basta che funzioni con WINDOW... e asp

Discussione: ajax form event

Strumenti discussione

Ricerca discussione

Visualizza

ajax form event

ajax form event

Permessi di invio