淘汰赛js下拉列表组图像

Question

我想在那里放置带有图像的组标签，我怎么能实现这个目标？

例如此图片

在这里，我想在欧洲，NorthAmercia，SouthAmerica Groups设置图像

代码就在这里，

<select data-bind="foreach: groups, value: selectedOption">
    <optgroup data-bind="attr: {label: label}, foreach: children">
        <option data-bind="text: label, option: $data"></option>
    </optgroup>
</select>


<hr />

此处有更多代码：http://jsfiddle.net/rniemeyer/aCS7D/

Answer 1

如果您希望在选项中包含图片等内容，则可能需要查看使用select2之类的插件。查看该doc页面上的“Templating”示例，其中包含带图像的示例。