Liste déroulante en couleur
Résolu/Fermé
LaChaux78
Messages postés
581
Date d'inscription
lundi 25 juillet 2016
Statut
Membre
Dernière intervention
21 novembre 2024
-
5 nov. 2016 à 07:28
LaChaux78 Messages postés 581 Date d'inscription lundi 25 juillet 2016 Statut Membre Dernière intervention 21 novembre 2024 - 19 nov. 2016 à 17:20
LaChaux78 Messages postés 581 Date d'inscription lundi 25 juillet 2016 Statut Membre Dernière intervention 21 novembre 2024 - 19 nov. 2016 à 17:20
A voir également:
- Liste déroulante en couleur
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Google sheet liste déroulante - Accueil - Guide bureautique
- Excel cellule couleur si condition texte - Guide
- Code couleur rj45 - Forum câblage
1 réponse
codeurh24
Messages postés
760
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
123
6 nov. 2016 à 05:48
6 nov. 2016 à 05:48
Bonjour.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>liste item couleur</title>
<style>
.orange{ background-color:#FF8000;}
.vert{ background-color:#04B404;}
.rouge{ background-color:#FF0000;}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
$( function() {
$("body").on( "change", "#monChoix", function(){
var selectVal = $(this).val();
var couleur = $( 'option[value="'+selectVal+'"]' ).attr("class") ;
$("#monChoix").attr("class", couleur);
})
// recupere la valeur choisi
var selectVal = $("#monChoix").val();
// recupere la couleur de l'option qui a cette valeur
var couleur = $( 'option[value="'+selectVal+'"]' ).attr("class");
// change la couleur de la valeur choisi
$("#monChoix").attr("class", couleur);
});
</script>
</head>
<body>
<select id="monChoix" name='reponse[]' size='1' value='<?php echo $r->idpers ?>'>
<option class="vert" value="present">Présent</option>
<option class="rouge" value="absent">Absent</option>
<option class="orange" value="saispas" selected>Je ne sais pas encore</option>
</select>
</body>
</html>
19 nov. 2016 à 17:20
Je vous dit merci tout fonctionne bien.
Avec mes excuses pour ce retard.
Cordialement