选择标签默认选择空白项

Select tag default selection blank item

本文关键字：选择 空白 默认 标签      更新时间：2023-09-26

我通过将以下字符串添加到页面

来声明几个选择项(大约4-5打)
"<select id='myidxxx'><option>" + default + "</option></select>"

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

<option selected='selected'>

但没有成功。如何让它只列出显式添加的选项(没有空行)并选择默认项?

编辑:我使用IE8

首先我建议你用JS创建你的元素

动态创建select标签和它的选项是我要做的。我想知道，虽然你是从数据库或其他可能是你从哪里得到空白的位置拉数据。

另一个可能的解决方案是遍历option标签的子元素，如果它是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/

什么浏览器?Chrome 

<select><option>default</option></select>

显示'default'为预选项

相关文章：