javascript - 将图像添加到选择选项

Question

我在 otion.text 中使用 document.createElement('option')。我需要在图像上附加文本。

以下是我的做法，但没有取得多大成功:

var mySelect = document.getElementById('mySelect'),
    newOption = document.createElement('option');

newOption.value = 'bmw';

if (typeof newOption.innerText === 'undefined') {
    newOption.textContent = 'BMW' < img src = "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash1/t5/27599546049768_1093999943_q.jpg" > ;
} else {
    newOption.innerText = 'BMW' < img src = "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash1/t5/27599546049768_1093999943_q.jpg" > ;
}

mySelect.appendChild(newOption);

我的 HTML 是:

<select id="mySelect">

</select>

如何向newOption.innerText添加图像和文本？

Answer 1

您无法在 <option></option> 中显示图像你应该看一下这个插件；也许看看这个:http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/