javascript - 淘汰赛js下拉列表组图片

Question

我想把带有图像的组标签放在那里，我怎么能做到这一点？

例如这张图片

在这里我想在欧洲、北美、南美组设置图像

代码在这里，

<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这样的插件。查看该文档页面上的“模板”示例，其中包含带有图像的示例。