<option>的图像无法在IE中工作</option>

Question

我的要求是在<option>内添加图片。我使用下面的代码在FF中显示图像。

[脚本]

       var items = $("#ShipCountry option").children();    //dropdown options     

        for (i = 0; i < items.length; i++) {
            $(items[i]).html("<img src='/Images/" + $(items[i]).html() + ".gif'></img>"); // adding image

        }

此代码适用于FF，但不适用于其他浏览器。我不想使用CSS实现这个逻辑，因为我需要显示大量的图像（选项）。

对于所有浏览器，没有CSS可以实现吗？

Answer 1

由于许多浏览器限制使用<option>标记可以执行的操作，因此无法跨浏览器进行此操作。老实说，我很惊讶它适用于Firefox。您可能希望查看Select2这使得这种可能的跨浏览器，并且有很好的文档。