我有什么: 像这样的 html 下拉列表:
<select name="faDropdown" class="form-control">
<option value="1">Select an icon</option>
</select>
我想要什么:
下拉菜单中充满了精美的图标。
(不像: <option value="fa fa-icon"></option>
那样硬编码,因为我不想在下拉列表中硬编码 100 个不同的图标)。
我不知道是否有解决方案,所以任何帮助都会很棒:)
最佳答案
你想使用普通 JS 吗?您可以尝试这个示例,但它的工作方式取决于您想要如何使用它。无论如何,您需要对数组中的图标进行硬编码。
如果您有疑问,请描述您想要放置此代码的位置。
var select = document.getElementsByClassName('form-control')[0];
var icons = ['fa-icon', 'fa-icon2', 'fa-icon3'];
for (var i = 0; i < icons.length; i++){
var opt = document.createElement('option');
opt.value = `fa ${icons[i]}`;
opt.innerHTML = opt.value;
select.appendChild(opt);
}
<select name="faDropdown" class="form-control">
<option value="1">Select an icon</option>
</select>
关于javascript - 带有精美图标的 Html 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50487736/