Select concatenate + jquery mobile

giuseppe · da **giuseppe** » lunedì 28 novembre 2011, 19:49

Ciao a tutti, ho un problemino, ho seguito il tutorial fatto da Maurizio che riguardava le select concatenate... Lo ho abbinato a jquery mobile, tutto funziona se non fosse per il fatto che quando arrivo alla pagina del form devo ricaricare la pagina altrimenti la select concatenata non funziona... dove può essere l'errore? sembra che non carica gli script...
Ho provato anche a fare dalla voce di menù rel="external" piuttosto che data-ajax="false", però vengono meno gli effetti di transizione...
ecco il codice della pagina del form:

Sintassi: php [ Scarica ] [ Nascondi ]

<?php 
        require_once('../include/session.php');
        include('../include/testLoginAdmin.php');
        ConfermaLoginAdmin();
?>
<!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=utf-8" />
<meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">
<link rel="stylesheet" href="../../css/jquery.mobile-1.0.css" />
<link type="text/css" href="../../css/jquery.mobile.datebox.css" rel="stylesheet">
<script type="text/javascript" src="../../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="../../js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="../../js/jquery.mobile.datebox.js"></script>
<script type="text/javascript" src="../../js/jquery.mobile.datebox.i8n.en-US.js"></script>
 
<script type="text/javascript">
    $(document).ready(function () {
                var scegli = '<option value="0">Scegli...</option>';
                var attendere = '<option value="0">Attendere...</option>';
                
                $("select#province").html(scegli);
                $("select#province").attr("disabled", "disabled");
                $("select#comuni").html(scegli);
                $("select#comuni").attr("disabled", "disabled");
                
                
                $("select#regioni").change(function(){
                        var regione = $("select#regioni option:selected").attr('value');
                        $("select#province").html(attendere);
                        $("select#province").attr("disabled", "disabled");
                        $("select#comuni").html(scegli);
                        $("select#comuni").attr("disabled", "disabled");
                        
                        $.post("select.php", {id_reg:regione}, function(data){
                                $("select#province").removeAttr("disabled"); 
                                $("select#province").html(data);        
                        });
                });     
                
                $("select#province").change(function(){
                        $("select#comuni").attr("disabled", "disabled");
                        $("select#comuni").html(attendere);
                        var provincia = $("select#province option:selected").attr('value');
                        $.post("select.php", {id_pro:provincia}, function(data){
                                $("select#comuni").removeAttr("disabled");
                                $("select#comuni").html(data);  
                        });
                });     
    });
</script>
</head>
<?php
include_once 'select.class.php';
$opt = new SelectList();
?>
<body>
    <div data-role="page" data-theme="c" id="nuovoAgente">
        <div data-role="header" data-theme="d">
            <a href="administrator.php" data-icon="back" data-direction="reverse">back</a>
            <h1>Area Amministrativa</h1>
            <a href="../include/logout.php" data-icon="delete" class="ui-btn-right" rel="external">Logout</a>
        </div>
 
        <div data-role="content">
 
                <form action="?" id="my">
                    Seleziona una regione:<br />
                    <select id="regioni">
                        <?php echo $opt->ShowRegioni(); ?>
                    </select>
                    <br /><br />
                
                    Seleziona una provincia:<br />
                    <select id="province">
                    <option>Scegli...</option>
                    </select>
                    <br /><br />
                
                    Seleziona un comune:<br />
                    <select id="comuni">
                    <option>Scegli...</option>
                    </select>
                    <div data-role="fieldcontain">
                        <label for="dataNascita">Data di nascita</label>
                        <input name="dataNascita" type="text" data-role="datebox" data-options='{"mode": "calbox"}' id="dataNascita"/>
                    </div>
 
                </form>
        </div>
    </div>
 
</body>
</html>

Aiutoooooooooooooo!!!!

Select concatenate + jquery mobile

Select concatenate + jquery mobile

Chi c’è in linea