jQuery serialize: radio button dopo aggiornamento ajax

[aasmdaa]

Utilizzo serialize() di jQuery per inviare tramite Ajax un form e tutto funziona correttamente.

Utilizzando lo stesso metodo dopo avere aggiornato il form sempre tramite ajax ed impostato anche i radio button tali radio button non prendono il valore scelto.

La libreria è la 1.4.2 ma ho provato con la 1.6.3 e con l'ultima (1.10.1).

I campi del form:

<input type="radio" name="sesso" id="sesso_m" value="M" checked tabindex="10"> <label for="sesso_m">M</label>
<input type="radio" name="sesso" id="sesso_f" value="F"> <label for="sesso_f">F</label>

Come li popolo tramite risposta ajax + json:

$.each(response, function(key, value) {
						
    $('input[name="' + key + '"]').val(value);
});

$('input[name="sesso"][value="' + response.sesso + '"]').attr('checked', 'checked');

[fcaldera]

forse, quando fai il serialize, stai usando un riferimento ad una collection che hai generato al primo caricamento (e che quindi non include i nuovi elementi caricati via ajax), ma senza vedere una demo è difficile da capire.

[aasmdaa]

Non ho ben capito cosa intendi.

Nella risposta anche del secondo submit del form il campo è presente ma mantiene lo stesso valore anche se seleziono un altro.
Lo stesso NON vale invece per i campi tipo text.

Questo è un pezzo dei dati che vengono pescati. Vedi che il campo sesso è presente ma anche se scelgo 'F' nel form rimane invariato.

&cap=33047&sesso=M&codice_fiscale=

Se invece scelgo 'F' nel form e lo invio prima di caricare dati (a form pulito) funziona e presenta il val corretto.

Ho anche provato a pescare i dati senza serialize per i campi radio ma il risultato non cambia:

var campi = 'action=add&' + $('#client-form input[type="text"]').serialize();
campi += '&sesso=' + $('input[name="sesso"]:checked').val();
campi += '&abilita_mailing=' + $('input[name="abilita_mailing"]:checked').val();

[fcaldera]

senza vedere una demo con il minimo codice necessario che riproduce questo comportamento mi è impossibile aiutarti

[aasmdaa]

Ecco fatto:

http://antonutti.altervista.org/Varie/

Ho messo le indicazioni direttamente lì.

[cavicchiandrea]

nel response ajax forzi entrambi value sesso su F
$('input[name="sesso"][value="' + response.sesso + '"]').attr('checked', 'checked');
infatti dopo hai:
<input id="sesso_m" type="radio" value="F" name="sesso">
<label for="sesso_m">M</label>
<input id="sesso_f" type="radio" value="F" name="sesso">
<label for="sesso_f">F</label>
per risolvere penso basti fare cosi (non l'ho testato):

if (response) {
$.each(response, function(key, value) {
$('input[name="' + key + '"]').val(value);
});
if(response.sesso=="F"){
$('input[name="sesso"][1]').attr('checked', 'checked');
}else{
$('input[name="sesso"][0]').attr('checked', 'checked');
}
}

[aasmdaa]

Forse interpreto male io ma non mi sembra di forzarlo ma seleziono:

Selezione (get):

$('input[name="sesso"][value="' + response.sesso + '"]')

Forzare (set):

$('input[name="sesso"]).val(response.sesso)

Ho provato anche il tuo codice sempre nella demo ma il risultato è lo stesso.

[aasmdaa]

Ah no scusa... hai ragione!

Nel ciclo each vado a forzarlo e non in quello sotto!

[aasmdaa]

Ecco il codice finale corretto:

if (response) {
	
    $.each(response, function(key, value) {
						
        $('input[type="text"][name="' + key + '"]').val(value);
    });

    $('input[name="sesso"][type="radio"][value="' + response.sesso + '"]').attr('checked', 'checked');
}

[aasmdaa]

Quello che è strano è che comunque sul sito ufficiale il metodo di selezione di campi radio e checkbox sia proprio questo.

Guardate l'ultimo esempio sotto sul sito:

http://api.jquery.com/val/