尝试在选择选项列表中回显图像源

Question

我有一个php循环,我试图在select选项标签内回显HTML图像源,如下所示:

foreach($recs as $i){
    if($i->isscripted == 1){
      $is = "<img src='greencheck.gif'>"; 
    }else{
      $is = "<img src='redbang.gif'>"; 
    }

   echo "<option value=".$i->id.">".$is."  ".$i->fullname."</option>";
}

图像未显示在选择列表中.我测试了循环外部的图像标签,它显示正常.

echo "<img src='greencheck.gif'>";

Answer 1

您无法使用纯HTML执行此操作,但有一些解决方法:

1. CSS背景(仅适用于Firefox):

   <select>
       <option value="volvo" style="background-image:url(images/volvo.png);">Volvo</option>
       <option value="saab"  style="background-image:url(images/saab.png);">Saab</option>
       <option value="honda" style="background-image:url(images/honda.png);">Honda</option>
       <option value="audi"  style="background-image:url(images/audi.png);">Audi</option>
   </select>
   

2. 使用jQuery插件

   JavaScript图片下拉列表

   您对旧时尚下拉感到厌烦吗？试试这个新的.图像组合框.您可以为每个选项添加一个图标.它适用于您现有的"select"元素,或者您可以通过JSON对象创建.

   http://www.queness.com/resources/images/formplugin/22.gif