我有一个来自PHP脚本的回声:
echo "<select class='form-control' id='backgroundcolor' onchange='uploadFile()'>";
foreach($backgroundcolors as $cc => $name) {
echo '<option value="' . $name . '">' . $cc . '</option>';
}
echo "</select>";
返回以下内容:
<select class='form-control' id='backgroundcolor' onchange='uploadFile()'><option value="#CD5C5C">Indian Red</option><option value="#000000">Black</option></select>
然后我使用以下代码将其添加到div:
_("backgroundcolor").innerText = event.target.responseText;
我定义了以下函数_:
function _(el) {
return document.getElementById(el);
}
BUt而不是给我一个选择选项它只是在网站上以纯文本显示html。如果我复制代码并手动将其粘贴到我的网站上,则可以正常工作。
答案 0 :(得分:3)
使用innerHTML
代替innerText
:
_("backgroundcolor").innerHTML = event.target.responseText;
innerText
将内容添加为纯文本,而innerHTML
按原样添加内容而不编码html字符。
答案 1 :(得分:0)
您可以使用_("backgroundcolor").innerHTML = event.target.responseText;
但是如果您使用的是jquery,那么您也可以使用$('#backgroundcolor').html(event.target.responseText);
而不使用上述功能(function _(el)
)。