在选项标签中添加图片

Question

伙计们，我在这里有点苦恼。需要在“选项标签中给出的文本”之上添加图像。但是，每当我添加嵌套在选项标签中的图像时，它不会在代码中显示，但是一旦我在页面呈现后通过萤火虫，它就会工作。 请帮我看看这里。 下面是示例代码和完整的代码在的jsfiddle结束：

<div class="GreySection"> 
<div class="container"> 
<div class="row"> 
<div class="panel-group" id="accordion" role="tablist"aria-multiselectable="true"> 
<div id="accordion" role="tablist" aria-multiselectable="true"> 
<div class="panel panel-default panel-top-gap"> 
<div class="panel-heading" role="tab" id="headingTwo"> 
</div> 
<div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo"> 
<div class="panel-body"> 
<div class="col-md-12"> 
<div id="selectcontrolm"> 
<select name="cassr" multiple class="cassr"> 
<option value="A"><img src="images/grammar.png" >Spelling &amp; Grammar</option> 
<option value="A">Reading Age</option> 
<option value="A">Sentiment</option> 
    <option value="A">Video Length</option> 
<option value="A">Word count</option> 
<option value="A">All Topics</option> 
<option value="A">Number of images</option> 
<option value="A">Image size</option> 
<option value="Bugatti">Font size</option> 
<option value="Chrysler">Page speeds</option> 
<option value="Daihatsu">All keywords</option> 
<option value="Ford">Mobile UX</option> 
<option value="GM">Taxonomy</option> 
<option value="Honda">SEO Relevance</option> 
<option value="Infiniti">Entities</option> 
</select> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 

这里是一个的jsfiddle链接代码JSfiddle

Answer 1

您可以尝试jQuery的这一点。它也适用于所有现代浏览器。 Selectmenu