[JQUERY - AJAX] Caricamento e trasferimento dati

[magic_key]

All'interno di un form ho una serie di select; una di queste select all'evento "onchange" fa un richiamo ajax che mi carica le "option" di una seconda select:

/* carico le "option" della seconda select  */
$('#taglia').change(function(){
    var id_prod = $("#id_prod").val();
    var taglia = $("#taglia").val();
    $.ajax({
        type: "POST",
        url: "preleva_option.php",
        data: {id_prod: id_prod, taglia: taglia},
        dataType: "html",
        success: function(msg){
            $("#option").html(msg);
        }
    });
}).change();

Man mano che seleziono il resto delle select, effettuo un calcolo tramite un secondo richiamo ajax sulla base di tutti gli "input" del form:

/* effettuo un calcolo */
$(".c_filtro").on('change', function(){
    $.post(
    'elabora.php',
    $('#form_pers :input').serializeArray(),
    function(result){
        $('#prezzo').html(result);
    });
}).change();

Il problema è che il valore delle "option" caricate con il primo richiamo ajax vengono trasferiti nel "calcolo" solo se cambio manualmente la select ma avrei bisogno di trasferirlo anche al caricamento della pagina... Come posso risolvere?

[cavicchiandrea]

Se nelle select hai un valore iniziale lo prelevi al onload.

[magic_key]

Cerco di spiegare meglio il concetto con un esempio...

All'interno del form ho 2 select: regioni e province; se seleziono manualmente la regione mi escono fuori le province nella seconda select... nel frattempo con l'evento onchange prendo tutti i valori del form (regione e provincia selezionati) e mi ricavo il comune con un secondo richiamo ajax...

Finché seleziono manualmente tutto ok...

Quando invece carico la pagina, ho il valore iniziale di una regione e con il codice che ho postato mi ricavo subito l'elenco delle province... il secondo richiamo ajax anche funziona in automatico, ma non si prende il valore della provincia selezionata e di conseguenza non mi da i comuni corrispondenti...

[ciro78]

posta il codice completo.

[magic_key]

Al caricamento della pagina viene considerata la prima option di "taglia" (mi sta bene); con il primo ajax mi ricavo le option della seconda select, dopodiché il secondo ajax deve prendere i valori delle due select e darle in pasto a elabora_prezzo.php che non esegue altro che alcuni calcoli. Il problema è che il valore di "altezza" non lo vede.

<form action="" method="POST" id="form">
    <input type="hidden" id="id_prod" name="id_prod" value="12345">
    <select class="filtro" id="taglia" name="taglia">
        <option value="0">Val 0</option>
        <option value="1">Val 1</option>
        <option value="2">Val 2</option>
        <option value="3">Val 3</option>
        <option value="4">Val 4</option>
    </select>
    <div class="form-group">
        <select class="filtro" name="altezza" id="altezza">
            <option value="0">Val 0</option>
        </select>
    </div>
    <div id="prezzo"></div>    
    <button type="submit">Submit</button>
</form>
<script type="text/javascript">
    $('#taglia').change(function(){
        var id_prod = $("#id_prod").val();
        var taglia = $("#taglia").val();
        $.ajax({
            type: "POST",
            url: "seleziona_altezza.php",
            data: {id_prod: id_prod, taglia: taglia},
            dataType: "html",
            success: function(msg){
                $("#altezza").html(msg);
            }
        });
    }).change();
    
    $(".filtro").on('change', function(){
        $.post(
        'elabora_prezzo.php',
        $('#form :input').serializeArray(),
        function(result){
            $('#prezzo').html(result);
        });
    }).change();
</script>

[cavicchiandrea]

Visto che lo vuoi al caricamento della esegui il tutto lato server è anche un processo più "pulito" invece di care la pagina e modificarla con Ajax

[magic_key]

si ma per quale motivo non mi passa il valore di "altezza" se viene comunque selezionato?

[badaze]

Hai provato con :
data:'id_prod='+id_prod+'&taglia='+taglia,

[cavicchiandrea]

si ma per quale motivo non mi passa il valore di "altezza" se viene comunque selezionato?

Direi perché non passi il valore $('#form :input').serializeArray() invia solo id_prod, per conferma vedi la console cosa esegui nella chiamata Ajax

[magic_key]

Però i valori passano tutti se seleziono manualmente le "select"... il problema sta nel passare i valore al caricamento della pagina

Come posso risolvere?