Changer la couleur d'un select
bonjour
J'ai une liste de données issues de ma sgbd.
Sur chaque ligne, j'ai un select option où je dois indiquer OUI ou NON.
Si OUI est sélectionné, il faut mettre la zone en vert
Si NON est sélectionné, il faut mettre la zone en rouge
Le code ci-dessous fonctionne pour la première ligne de mon tableau
je ne maitrise pas parfaitement jquery
j'espère que quelqu'un d'entre vous pourra me venir en aide
Code HTML affichage de ma liste de données :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| <?php
for($j=0;$j<count($mvtr);$j++)
{
if($mvtr[$j]['mouvtR_sd']==$dum[$i]['V_sd'])
{ ?>
<tr>
<td class='td2' ><?php echo $mvtr[$j]['mois_liblong'].'-'.$mvtr[$j]['mouvtR_annee'];?></td>
<td class='td2' ><?php echo $mvtr[$j]['mouvtR_fsd'].'-'.$mvtr[$j]['str_fsdib'];?></td>
<td class='td2' ><?php echo $mvtr[$j]['mouvtR_ni'].'-'.$mvtr[$j]['eff1_nom'];?></td>
<td class='td2' align="center"><?php echo $mvtr[$j]['mouvtR_gp'];?></td>
<td class='td2' align="center">
<select id="pointe1" name="pointe1[<?php echo $j;?>]" value="<?php echo $_POST['pointe1'][$j]; ?>" onchange="format(document.getElementById('pointe').value)">
<option value="NON" <?php if(isset($_POST['pointe1'][$j])){$_POST['pointe1'][$j]='NON'; echo "selected='selected'";} ?>>NON</option>
<option value="OUI" <?php if(isset($_POST['pointe1'][$j])){$_POST['pointe1'][$j]='OUI'; echo "selected='selected'";} ?>>OUI</option>
</select></td>
</tr> <?php
} }?> |
Mon code Javscript
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| $(document).ready(function() {
$('#pointe1').change(function(){
var choix=$(this).val();
if(choix=='OUI')
{
$("#pointe1").live("change", function() {
$(this).css({ background: "green", cursor: "auto"});
});
}
if(choix=='NON')
{
$("#pointe1").live("change", function() {
$(this).css({ background: "red", cursor: "auto"});
});
}
});
}); |