Version complète: sur le forum Webmaster Hub : Menu déroulant et selection...
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > AjaX et JavaScript
Portekoi
lundi 14 janvier 2008 à 13:26
Bonjour,

Voici un petit code :

CODE
<form name="Formulaire">
<select name="p2_type">
                <option value="Prescription">Prescription</option>
                <option value="Prospection">Prospection</option>
                <option value="Spontanée">Spontanée</option>
            </select>
</form>


Au chargement de la page, je vais chercher mes données dans ma base. Je vais par exemple récupérer une variable 'p2_type' qui aura pour valeur 'Spontanée'.

J'aimerais réussir à sélectionner le bon enregistrement en javascript dans ma liste et sans faire de boucle ou de test valeur par valeur...

Par exemple, si je clique sur ce bouton :

CODE
<input type="button" name="Pouet" value="Youpi" onclick="Formulaire.<%=p2_type%>.options[2].selected = true;" />


C'est bien 'Spontanée' qui est sélectionné...

Une idée?


Portekoi
captain_torche
lundi 14 janvier 2008 à 13:56
Essaye avec quelque chose comme
CODE
<input type="button" name="Pouet" value="Youpi" onclick="Formulaire.<%=p2_type%>.options[Formulaire.<%=p2_type%>.selectedIndex].selected = true;" />
Portekoi
lundi 14 janvier 2008 à 14:27
Ouai mais... nan happy.gif

Mais je pense avoir trouver comment, faut que je test happy.gif
captain_torche
lundi 14 janvier 2008 à 14:38
Autant pour moi, j'avais mal compris la question : tu veux que le bon élément soit sélectionné au chargement de la page ?
Quand je gère ça en PHP, je crée le select avec une boucle, et je teste la valeur de ma variable avec celle de l'élément. Si elles sont égales, j'ajoute l'attribut selected="selected".
Portekoi
lundi 14 janvier 2008 à 14:43
Ouaip mais je dois le faire sans boucle et dans un select déjà affiché en faites...
captain_torche
lundi 14 janvier 2008 à 14:45
Sans boucle, je ne vois pas trop comment tu pourrais faire.
Portekoi
lundi 14 janvier 2008 à 14:46
Ben si, il est déjà affiché smile.gif

Je voudrais un truc du genre :

CODE
<input type="button" name="Pouet" value="Youpi" onclick="Formulaire.<%=p2_type%>.'Spontanée'.selected = true;" />


Tu voies?
captain_torche
lundi 14 janvier 2008 à 14:49
Je vois bien wink.gif
Mais à ma connaissance, tu seras obligé de boucler en JS sur toutes les valeurs de l'élément pour trouver le bon.

Voilà un code qui devrait fonctionner :
CODE
<script type="text/javascript">
    function selectionne(valeur) {
        var values = document.getElementById('p2_type').options;
        for(var i = 0; i < values.length; i++) {
            if(values[i].value == valeur)
                values[i].selected = true;                
        }
    }
</script>
<form name="Formulaire">
    <select name="p2_type" id="p2_type">
        <option value="Prescription">Prescription</option>
        <option value="Prospection">Prospection</option>
        <option value="Spontanée">Spontanée</option>
    </select>
    <input type="button" value="clic" onclick="selectionne('Spontanée')">
</form>
Portekoi
lundi 14 janvier 2008 à 15:30
Nickel smile.gif
Portekoi
lundi 14 janvier 2008 à 16:26
Un petit complément :

Là, je sais que 'ID' du tableau des options est sélectionné :

CODE
Formulaire.p2_type.selectedIndex


Comment faire pour récupérer la valeur de l'option?
Portekoi
lundi 14 janvier 2008 à 16:28
Hop j'ai trouvé

CODE
Formulaire.<%=p2_type%>.options[document.Formulaire.<%=p2_type%>.selectedIndex].value


happy.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.