1 Dernière modification par mistel2 (18-02-2016 10:06:42)

Sujet : jquery perte du select lors du changement

'ai bien avancé sur mon code et je me retrouve avec un truc bizzard....

Donc voila

ma page a chargé un formulaire avec plusieurs champs dont deux selects,

L'un de ces select met à jour son select voisin par la fonction jquery vue avant, il est dans un le <div id='div_select_contact'>

Le select se met à jour sans problème, mais lorsque je valide mon formulaire avec se nouveau select et bien je perd tout simplement sa valeur dans le $_POST[''] de la page de destination.

Cela ne se produit pas lorsque le div n'est pas mis à jour....

J'ai fait le test de la page php qui génère mon select et le résultat est bon quelque soit les valeur GET qui génère cette dernière

Dans ma page ou j'utilise ma fonction jquery impossible de voir le code source de la mise à jour il reste sur celui générer lors de l'ouverture de la page.... donc pas moyen de voir l'erreur.... (si vous avez une solution pour voir le code issu du jquery sa serai sympa)

Donc comment débeugué ce problème

Merci d'avance à vous car la je suis bloqué et j'ai passé déjà deux heures pour localiser le problème.



Voici le code source que génère par page php select_sous_projet.php (testé direct via le navigateur)

<select name="id_sous_projet" id="id_sous_projet">
<option value="0">Choisir une sous rubrique</option>
<option value="1">avant projet</option>
<option value="2">Planning</option>
</select>

Voici le code source jquery de ma fonction

    
$(document).ready(function(){
     
    $('#projet').change(function(){
    var $id_projet_temp = $("#projet option:selected").val();
     
        $.ajax(
        {
             
        url : "select_sous_projet.php",
        type : 'GET',
        data : 'id_projet='+$id_projet_temp,
        dataType : 'html',
         
         
            success : function(code_html, statut)
            {
            $('#projet option[value=0]').remove();
                    $("#div_sous_projet").empty();
            $("#div_sous_projet").append(code_html);
            },
                     
            });
            });
   });

Voici le formulaire qui est situé au milieu d'un tableau de présentation

    
<form action="ajouter_pointage.php" method="post" onsubmit="return verif_Form(this)">
<tr class="gris" >
<td>
<select name="jour" id="jour">
<option value="0">Choisir une journée</option>
<option value="2016-02-08">Lundi 08/02/2016</option>
<option value="2016-02-09">Mardi 09/02/2016</option>
<option value="2016-02-10">Mercredi 10/02/2016</option>
<option value="2016-02-11">Jeudi 11/02/2016</option>
<option value="2016-02-12">Vendredi 12/02/2016</option>
<option value="2016-02-13">Samedi 13/02/2016</option>
<option value="2016-02-14">Dimanche 14/02/2016</option>
</select>
</td>
<td>
<select name="projet" id="projet">
<option value="0">Choisir un projet</option>
<option value="1">Zacmy</option>
<option value="3">Mise en conformité batiment boite</option>
<option value="4">Changement BWV-2</option>
</select>    
<div id='div_sous_projet'>
<select name="id_sous_projet" id="id_sous_projet">
<option value="0">Aucune sous rubrique (2)</option>
</select>
</div>
</td>
<td>
<textarea name="remarque" id="remarque" cols="40" rows="1"></textarea></td>
<td nowrap="nowrap">
<input name="time" type="text" id="time" size="2" maxlength="2" /> H 
</td>
<td>
<select name="prestation">
 <option value="0">Choisir une prestation</option>
 <option value="1" selected >Gestion de projet</option>
<option value="2">Etude DAO</option>
<option value="3">Coordination de chantier</option>
</select>
</td>
<td>
<input name="ajouter_ligne" type="hidden" id="ajouter" value="1" />
</td>
<td>
<input type="image" name="valider" id="valider" src="../../images/facture.png" title="Ajouter au tableau" />
</td>
</tr>
</form>

Re : jquery perte du select lors du changement

Hi guys, make money at home


marketing research process    CLICK HERE TO LEARN MORE!

Re : jquery perte du select lors du changement

Hello guys, site for working at home


marketing research questionnaire    CLICK HERE TO LEARN MORE!