menu a tendina asincroni

[Spillo89]

Salve a tutti, sono un neofita di programmazione e mi trovo bloccato. Il mio problema è il seguente:

io ho una form con 2 menu a tendina. Il primo è statico con 3 informazioni, e in base a quello che seleziono il secondo menù a tendina prende dati da db e si popola(ovviamente senza refresh, quindi in modo sincrono con javascript)
ecco io sono bloccato in quello, ho fatto qualche tentativo ma invano. qualcuno ha una soluzione?

posto i miei pezzi di codice:

<fieldset>
                    <label class="label-medium">Tipo</label>
                    <select onChange="mostratype(this.value)" class="input-medium round input-4" name="type">
                        <option value="1">Articolo</option>
                        <option value="2">Categoria</option>
                        <option value="3">Pagina</option>
                    </select>
                </fieldset>
                    <!-- qui va la scelta tipo -->

e la mostratype è una funzione che ho dichiarato a fine pagina così

<script type="text/javascript">

function mostratype(str)
{
<?php
    $type=$str;
    $q="SELECT id_item, title FROM menu_items WHERE status =".MENU_ACTIVE." AND type= ".$type."";
    $db->query($q);
    $items = $db->rows;    


echo "<fieldset>
    <label class='label-medium'>Lista tipo</label>
    <select class='input-medium round input-4' name='list'>";
    foreach ($items as $item) {
        echo "<option value=".$item['id_item']."><".$item['title']."></option>";
            };
    echo "</select>
</fieldset>"
?>
}
</script>

ma penso di aver fatto una cavolata. HELP!!

[cavicchiandrea]

Ciao e benvenuto, per quello che vuoi fare devi usare ajax documenti sul metodo

[Spillo89]

Ciao e benvenuto, per quello che vuoi fare devi usare ajax documenti sul metodo

grazie!! diciamo che ho risolto per metà, o meglio il primo problema l'ho risolto richiamando un file php con questa funzione:

 $('#tipe').load(function(){
    
    console.log("YOOOOOOOO");
    //prendo il valore
    var tipo = this.value;
    
    // faccio la chiamata
    $.ajax({
        url: '/cms/async/typelist.php',
        type: 'Get',
        data: {tipologia : tipo},
        
        success: function(m){
            $('#parent').html(m);
        }
    }); 
});

il problema ora è che finche creo un nuovo articolo funziona perchè il valore iniziale del primo menu è vuoto, però la stessa pagina la uso per modificare gli articoli prendendo le info da db, quindi il primo menu si seleziona a caricamento della pagina, e il secondo, essendo su change, non si riempie, dandomi un menu vuoto.. cosa che non voglio, ho provato a fare una funzione identica mettendo load al posto di change.. ma sembra non funzionare. qualche consiglio?

[cavicchiandrea]

Posta un link alla pagina pubblica, forse vedo la pagina in esecuzione si riesce a trovare una soluzione

[Spillo89]

Posta un link alla pagina pubblica, forse vedo la pagina in esecuzione si riesce a trovare una soluzione

non posso perchè è un dev, quindi non è online.

detto ciò io vorrei semplicemente(?) che al caricamento della pagina, venga letto il valore del primo menu

<fieldset>
                    <label class="label-medium">Seleziona Tipo</label>
                    <select class="input-medium round input-4" name="tipologie" id="tipologie">
                        <option value=""></option>
                         <option value="1" <?= (isset($item['type']) &&  $item['type'] == 1)?"selected='selected'":""  ?>>Articolo</option>
                        <option  value="2" <?= (isset($item['type']) && $item['type'] ==  2)?"selected='selected'":"" ?>>Categoria</option>
                         <option value="3" <?= (isset($item['type']) &&  $item['type'] == 3)?"selected='selected'":""  ?>>Pagina</option>
                    </select>
                </fieldset>

e riempia tramite la mia funzione php
il secondo menu a tendina

<fieldset>
                    <label class='label-medium'>Lista tipo</label>
                    <select class='input-medium round input-4' name='list' id='parent'>  
                    </select>
</fieldset>

[cavicchiandrea]

L'utilizzo delle select è la più difficile da gestire ma senza vedere come si compone/popoli la pagina non so che dirti