Jquery 如何插入<；img>；标记内部<；选项>；标签？

我想显示一个来自我从控制器传递到JSP的数据的图像文件

例如，当您从JSP发送以下值时

{selectDoctor=[{d_name=MyName, d_imageServerPath=/boardFile/014e40e0ea.PNG, d_imagePath=C:/rachel/014e40e0ea.PNG, di_idx=2, d_imageOriginalName=testImage.PNG, d_idx=2, d_medicalInformation=valuevalue}]}

我已经能够通过语句显示标记外的值

<c:forEach items="${selectDoctor}" var="sD">
    <select>
        <option value="">Choice Doctor</option>
        <option value="${sD.d_idx}"><img src="${sD.di_imageServerPath}></img>${sD.d_name}</option>
    </select>
</c:forEach>

选择医生
${sD.d_name}

但与我的预期不同，img标签不起作用

---

如何在标记中插入标记？

您不能在

选项中插入

标记

标记不能包含任何其他标记。尝试使用

标记构建您自己的
下拉列表
源链接



jQuery UI选择菜单-自定义渲染
$（函数（）{
$.widget（“custom.iconselectmenu”，$.ui.selectmenu{
_renderItem：功能（ul，项目）{
变量li=$（“
”），
包装器=$（“”，{text:item.label}）；
如果（项已禁用）{
li.addClass（“ui状态禁用”）；
}
$( "", {
样式：item.element.attr（“数据样式”），
“类”：“ui图标”+item.element.attr（“数据类”）
})
.附件（包装纸）；
返回li.append（包装器）.appendTo（ul）；
}
});
$（“#文件A”）
.iconselectmenu（）
.iconselectmenu（“菜单Widget”）
.addClass（“ui菜单图标”）；
$（“#文件B”）
.iconselectmenu（）
.iconselectmenu（“菜单Widget”）
.addClass（“ui菜单图标自定义图标”）；
$（“人”）
.iconselectmenu（）
.iconselectmenu（“菜单Widget”）
.addClass（“ui菜单图标化身”）；
} );
氢{
利润率：30px0；
}
字段集{
边界：0；
}
标签{
显示：块；
}
/*使用自定义图标选择*/
.ui selectmenu.ui-menu.customicons.ui菜单项包装器{
填充：0.5em 0.5em 3em；
}
.ui选择菜单菜单。ui-menu.customicons.ui菜单项。ui图标{
高度：24px；
宽度：24px；
顶部：0.1米；
}
.ui-icon.video{
背景：url（“images/24 video square.png”）0 0 0无重复；
}
.ui-icon.podcast{
背景：url（“images/24 podcast square.png”）0 0无重复；
}
.ui-icon.rss{
背景：url（“images/24 rss square.png”）0 0 0无重复；
}
/*使用CSS头像图标选择*/
选项1.avatar{
背景重复：不重复！重要；
左侧填充：20px；
}
.avatar.ui图标{
背景位置：左上；
}
选择带有自定义化身16x16图像的功能表
选择一个人：
作者
陶伦磨坊
无名氏
实现这一点的最简单方法是使用jQuery的Select2插件，它提供了更多的功能，您可以查看文档
您可以使用jQuery Select2插件Select2插件吗？什么意思？选中此选项您可以使用jQueryUI-SelectMenu。你可以参考这个链接：你让我知道什么我不知道。多谢各位@你写的Prateikwat就是我想要的。快乐地编码@Seongwon ChoiThank很多：-）这些标签被称为HTML5标签。没关系，方法太多了。我不知道该选择什么，很抱歉，我没有想到这些方法中的许多。简单地说，你可以选择你喜欢的工作方法：-）我真的拓宽了你的选择范围。非常感谢。