CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 02 10 11:11:23

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Probleme menu déroulant javascript

Poser une question dans le forum ou lancer une discussion

Probleme menu déroulant javascript

jeudi 9 août 2007 à 15:34:23 | Probleme menu déroulant javascript

jesscolor

1 msg

5 msg CS

Bonjour,
j'ai voulu créer un moyen de choisir entre 2 options (bouton radio) et selon l'option choisi, le menu déroulant affiche des données différentes. Ce code marche très bien sous firefox mais sur IE, quand on clique sur un bouton radio, la liste déroulante est vide. Est-ce que qeulqu'un pourrait m'aider à résoudre ce problème, merci.

Voici le code:

<html>

<script type="text/javascript">

function changeForm(id,val) {
document.getElementById(id).innerHTML = opt[val];
}

function Envoi()
{
    var d = document;
    var erreurs="";

    // Couleur de texte des champs si erreur saisie utilisateur
    color_font_warn="#000";
    // Couleur de fond des champs si erreur saisie utilisateur
    color_form_warn="#CCC";

    champ = d.formtaux.nbre_revenu;
    if(champ.value == ""){
        erreurs+="<li><span class='txterror'>Le champ « Nombre de revenus » n'a pas été défini.</span>";
        champ.style.backgroundColor = color_form_warn;
        champ.style.color = color_font_warn;
    }
    champ = d.formtaux.revenu;
    if(champ.value == ""){
        erreurs+="<li><span class='txterror'>Le champ « Vos revenus » n'a pas été défini.</span>";
        champ.style.backgroundColor = color_form_warn;
        champ.style.color = color_font_warn;
    }

    if(erreurs == "") {
        return true;
    }
    else {
        d.getElementById("erreurs").style.display = "block";
        d.getElementById("liste-erreurs").innerHTML = erreurs;
        return false;
    }
}

</script>

<body>

<form action="" method="post" id="formtaux" name="formtaux" onsubmit="return Envoi();">

<div>
<input id="nbre_revenu1" name="nbre_revenu" type="radio" value="1revenu" onClick="changeForm('revenu1','opt1')" /> 1 revenu
<input id="nbre_revenu2" name="nbre_revenu" type="radio" value="2revenus" onClick="changeForm('revenu1','opt2')" /> 2 revenus
</div>

<?php

include ("admin/connexion.php");
$res=mysql_query("SELECT DISTINCT revenu1 FROM calcul_taux");
$nb=mysql_num_rows($res);

echo '<script type="text/javascript">';
echo 'opt = new Array();';
echo 'opt["opt1"] = \'<option selected value=""></option>\';';

while ($raw=mysql_fetch_array($res))
                {
                echo 'opt["opt1"] = opt["opt1"]+\'<option value="'.$raw['revenu1'].'">'.$raw['revenu1'].' €</option>\';';
                }

$res=mysql_query("SELECT DISTINCT revenu2 FROM calcul_taux");
$nb=mysql_num_rows($res);

echo 'opt["opt2"] = \'<option selected value=""></option>\';';
while ($raw=mysql_fetch_array($res))
                {
                echo 'opt["opt2"] = opt["opt2"]+ \'<option value="'.$raw['revenu2'].'">'.$raw['revenu2'].' €</option>\';';
                }
mysql_close();

echo '</script>';

?>

<select id="revenu1" name="revenu">
<option selected value=""></option>

</select>

</form>

</body>

</html>

jeudi 9 août 2007 à 16:39:09 | Re : Probleme menu déroulant javascript

the_wwt

58 msg

130 msg CS

Bonjour,
( On n'est sur un forum javascript --> mais que le javascript et l html, ie pas php, sic)
Sous internet explorer il faut absolument utiliser la classe Option pour ajouter des options dynamiquement:
function
changeForm(id,val){

varselect=document.getElementById(id);

while(select.options.length>0)

select.options[select.options.length-1]=null;

for(;;){

varmyOpt=newOption("text","value",false,false);

select.options[select.length]=myOpt;

}
}

Cette discussion est classée dans : mysql, champ, erreurs, opt, color

Répondre à ce message

Sujets en rapport avec ce message

liste deroulantes ki rempli un champ [ par gabs77 ] bonjour, j aimerais ke lorsque l'on sélectionne un champ d'une liste deroulanteinstantanément une donnée de la bdd associé à ce champ apparaissentg un gros pb a resoudre [ par elisabeth_nov ] Bonjour, voilà je débute depuis un moment déjà mais j'ai toujours autant de difficultés!!!!Mon problème à l'heure actuelle est que je dois créer une p ajouter un enregistrement avec un champ date mysql [ par jpclutier ] Bonjour,J'espère ne pas me tromper de forum pour poser cette question. J'ai un champ dans une page html qui contient une date au format dd-mm-aaaa.Ave Modification champ mysql en Ajax (débutant) [AjaX + Javascript (et/ou PHP)] [ par astuces_jeux ] Bonjour,je suis en train de réalier un jeu virtuel d'élevage de dinosaure.Alors, le joueur doit nourrir son dinosaure.Pour le nourrir, il va dans la g Histoire de focus [ par Maroxye ] Bonjour!Je suis assez débutante avec Javascript, voici mon problème(on parle d'un panier d'achat) :J'ai une form principale avec un champ texte qui es integrer image arriere plan dans menu CSS [ par ju0123456789 ] Bonjour,je viens de mettre en place un menu avec sous menu, et mon probleme est que je voudrais integrer une image d'arriere plan, mais soit ce n'est Calcul d'un panier en temps réel [ par lorentdups ] Bonjour à tous !Je souhaiterais réaliser une panier avec calcul en temps réel du prix en fonction de la quantité choisie.Je pense que cela est possibl Auto completion [ par vince1303 ] Bonjour,Dans un formulaire, j'ai un Textbox qui peut être rempli soit manuelement, soit par du code asp.net. Lorsqu'on remplit ce champ manuelement, l Problème formulaire [ par hourad ] Bonjour à tous,J'ai un petit problème avec AJAX.Voilà, je l'utilise pour à chaque changement d'option dans une liste, ça change un formulaire en desso Console d'erreurs : Mal formé [ par Tilix ] Bonjour, J'ai un petit problème. J'execute mes scripts grâce à de l'AJAX et la fonction eval();, mais la console d'erreurs m'affiche des problèmes alo

Livres en rapport

PHP - 2 - Ateliers Web professionnels avec PHP/MySQL et JavaScript

PHP/MySQL - 1 - Première application avec PHP4 et MySQL

Pratique de MySQL et PHP

MySQL and Java Developer's Guide

Tous les livres pour Mysql, Champ, Erreurs, Opt, Color

Nos sponsors

Derniers Blogs

UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante

TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice

[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion

TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : DéPLOIEMENT DE NOUVELLES TECHNOLOGIES - RETOUR D'EXPéRIENCE PAR L'INFORMATIQUE DE MICROSOFT par ROMELARD Fabrice

Forum

RE : RéCUPERER LA TAILLE D'UN DIV par bumbo

RE : PROTOTYPE: PROBLèME AVEC "EVENT" par bumbo

RE : FONCTION RECHERCHE DATE par jeca

DEFINITION DE LA METHODE SETBORDER par nassim1987

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

PLATEFORME SUR L ESOTERISME VOYANCE - sans charte graphique
Budget : 3 500€
Joomla 15 module paiement adaptation composant cuisine
Budget : 250€
Integrateur web dans template
Budget : 500€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5