从PHP选择回显不起作用

Question

我有一个来自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);
        }

而不是给我一个选择选项，它只是在网站上以纯文本形式显示html。 如果我复制代码并将其手动粘贴到我的网站上，它将起作用。

Answer 1

使用innerHTML代替innerText ：

_("backgroundcolor").innerHTML = event.target.responseText;

innerText将内容添加为纯文本，而innerHTML原样添加内容，而不对html字符进行编码。

Answer 2

您可以使用_("backgroundcolor").innerHTML = event.target.responseText; 但是，如果您使用的是jquery，则还可以使用$('#backgroundcolor').html(event.target.responseText); 没有上面的那些功能（ function _(el) ）。