选择标签默认选择空白项目

时间:2011-08-16 19:10:34

标签: javascript html forms

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

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

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

<option selected='selected'>

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

编辑:我正在使用IE8

2 个答案:

答案 0 :(得分:3)

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

动态创建选择标记及其选项是我的方法。我很奇怪你是从数据库或其他位置提取数据,这可能是你得到空白的地方。

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

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/

答案 1 :(得分:0)

什么浏览器?在Chrome中

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

将“默认”显示为预选项目