將圖像添加到選擇選項

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/

Answer 2

正如TryingToImprove所說，您無法在<option>顯示圖像，但您還有另一個問題。 你沒有正確地把你的字符串放在一起。 無論如何，這已經在這里得到了回答。 希望這可以幫助。