Insérer une image dans un menu déroulant

lucas999222 Messages postés 10 Statut Membre -  
lucas999222 Messages postés 10 Statut Membre -
Bonjour,

J'ai un formulaire sur mon site qui affiche les differents pays qui fonctionne parfaitement:

<option value="<?=$country[countryid]?>" <? if($country[countryid]==$xcountryid) echo 'selected'?>> <?php echo $country_names [$country[countryid]]; ?></option>

Lorsque je cherche a inserer une image, le formulaire fonctionne toujours parfaitement mais pas mon image, qu'est-ce qui ne va pas dans mon code

<option value="<?=$country[countryid]?>" <? if($country[countryid]==$xcountryid) echo 'selected'?>> <img src="http://monsite.com/images/country/flag.gif" alt="" ><?php echo $country_names [$country[countryid]]; ?></option>

par la suite, je remplacerai le terme flag par ce code <?=$country[countryid]?> pour afficher les diffèrents drapeaux mais j'ai simplifier pour vous aider à comprendre mon problème

merci par avance

2 réponses

  1. Pitet Messages postés 2845 Statut Membre 530
     
    Salut,

    Sur Firefox, tu peux définir un background sur l'élément <option> :

    <option value="toto" style="background: url('image.jpg'); width: 100px; height: 120px;"></option>

    Sinon il te faut utiliser javascript, avec par exemple ce plugin jQuery :
    http://www.marghoobsuleman.com/jquery-image-dropdown

    Bonne journée
    1
  2. lucas999222 Messages postés 10 Statut Membre
     
    Merci pour ta réponse,

    Je pense que je vais me rediriger vers la solution plugin jquery, celle-là fonctionnant avec tous les navigateurs il me semble
    0