Javascript AngularJs-在具有多个选择的选择框的选项中添加字形图标和数据

Javascript AngularJs-在具有多个选择的选择框的选项中添加字形图标和数据,javascript,jquery,angularjs,html,Javascript,Jquery,Angularjs,Html,我使用了一个属性为true的选择框。我想在选项中的文本前面添加垃圾字形图标。我尝试了以下提到的一些方法: 选项1 选择1 选择2 选择3 您不能在选择框中使用标记。相反,您可以使用Unicode表示 对于bootstrap 以下是带有Unicode的图标列表: 试试这个 <select name="multipleSelect" id="multipleSelect" ng-model="selectData" multiple> <option value="opt

我使用了一个属性为true的选择框。我想在选项中的文本前面添加垃圾字形图标。我尝试了以下提到的一些方法:

选项1


选择1
选择2
选择3

您不能在选择框中使用标记。相反,您可以使用Unicode表示

对于
bootstrap

以下是带有Unicode的图标列表:

试试这个

<select name="multipleSelect" id="multipleSelect" ng-model="selectData" multiple>
  <option value="option1">&#x2709; Option 1</option>
  <option value="option2">&#xe002; Option 2</option>
  <option value="option3">&#xe008; Option 3</option>
</select>
html


;选择1
;选择2
;选择3

希望它能正常工作。

您不能在选择框中使用标记。相反,您可以使用Unicode表示

对于
bootstrap

以下是带有Unicode的图标列表:

试试这个

<select name="multipleSelect" id="multipleSelect" ng-model="selectData" multiple>
  <option value="option1">&#x2709; Option 1</option>
  <option value="option2">&#xe002; Option 2</option>
  <option value="option3">&#xe008; Option 3</option>
</select>
html


;选择1
;选择2
;选择3

希望它能正常工作。

标准HTML不支持选项中的图标。尝试使用引导按钮下拉列表。或者您可以使用
  • 设计自己的列表。标准HTML不支持选项中的图标。尝试使用引导按钮下拉列表。或者你可以用
    • 设计你自己的列表。谢谢,@laktherock我尝试了你提到的解决方案,但是用问号图标代替垃圾图标不起作用。一些作弊代码不起作用。你能帮我提一些其他建议吗?谢谢,@laktherock我尝试了你提到的解决方案,但是用问号图标代替垃圾图标是不起作用的。一些作弊代码不起作用。你能帮我提一些其他的建议吗?
      <select name="multipleSelect" id="multipleSelect" ng-model="selectData" multiple>
        <option value="option1">&#xf2ba; Option 1</option>
        <option value="option2">&#xf061; Option 2</option>
        <option value="option3">&#xf106; Option 3</option>
      </select>