javascript - 选择标签默认选择空白项

Question

我通过将以下字符串添加到页面来声明几个选择的项目(大约 4-5 打)

"<select id='myidxxx'><option>" + default + "</option></select>"

然后再添加其他元素。问题是，无论我是否添加其他元素，在开始时总是选择一个空白元素。我无法让它没有一个，或者选择默认值。我试过了

<option selected='selected'>

但没有成功。如何让它仅列出显式添加的选项(无空行)并选择默认条目？

编辑:我正在使用 IE8

Answer 1

首先，我建议您在 JS 中创建元素

动态创建选择标签及其选项是我处理此问题的方法。我想知道您是否从数据库或其他位置提取数据，这些位置可能是您获取空白的地方。

另一种可能的解决方案是迭代选项标记的子级，如果它是 null 或空字符串，则不添加它。

for (i = 0; i < options.length; i++) {
    if (options[i] != "" && options[i] != " ") {
        opt = document.createElement("option");
        opt.innerText = options[i];
        opt.value = i;
        selectTag.appendChild(opt);
    }
}

这是一个示例:http://jsfiddle.net/V26P5/2/