我有一個可變ddEmail具有值添加選項元素不工作
<option value="[email protected]" selected="">[email protected]</option>.
當我嘗試使用
document.getElementById("txtEmail").innerHTML = ddEmail;
然後在Firefox document.getElementById("txtEmail").innerHTML所示把它在所選擇的元件我相同的價值作爲ddEmail而在IE它顯示[email protected]</option>
有沒有什麼辦法來解決它？
正如您發現的那樣，您無法可靠地使用innerHTML來設置現有select的選項。
，最好的辦法是通過select的options屬性：
var option = new Option("[email protected]", "[email protected]");
// Option text --------^ ^---- option value
option.selected = true;
document.getElementById("txtEmail").options.add(option);
注意，由於歷史原因，它add，不push。 push適用於很多瀏覽器，但不是全部。
另外請注意，以上假設要麼select沒有選項，要麼只是想加上這一個，而不是用它替換已經存在的所有選項。如果您想刪除以前的選項：
var sel = document.getElementById("txtEmail");
sel.options.length = 0;
sel.options.add(option);