begin process at 2012 02 13 07:29:11
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Problème de compatibilité

 > 

Probleme menu déroulant javascript


Derniers messages déposésPoser 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

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 &laquo; Nombre de revenus &raquo; 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 &laquo; Vos revenus &raquo; 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')" />&nbsp;1 revenu
<input id="nbre_revenu2" name="nbre_revenu" type="radio" value="2revenus" onClick="changeForm('revenu1','opt2')"  />&nbsp;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'].' &#8364;</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'].' &#8364;</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

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 rediriger une form avec un champ hidden en remplissant un champs dans la page d'action [ par sober ] Bonjour à tous [^^happy13], je cherche de l'aide. Voila mon problème : J'ai une page [color=red]redirection.jsp[/color] comme suite : [color=red] 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 PROBLEME D'AFFICHAGE DE MON MENU SUR INTERNET EXPLORER? [ par gillesali ] Bonjour à tous, Je tiens avant tout à vous remercier pour toutes les infos contenu sur ce forum, une vrai mine d'or pour quelqu'un encore en voie de


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales