使用javascript创建下拉列表

时间:2014-06-13 16:56:09

标签: javascript html

我刚刚开始使用Javascript,我真的陷入了我的任务。我希望这里的人能帮助我理解。 已经有一个使用HTML创建的下拉列表,但没有数据。我需要使用从Table中检索的一堆ID来填充该下拉列表。让我们说表名是TABLE_NAME并且持有ID。要在Javascript中获取该ID,我可以执行类似

的操作
var idTable= getId("TABLE_NAME");  //or not sure

此处idTable已有列表对象。

问题是如何从这里接近?

    function DropBox(dropdown){
    var ht="<tr>";
    ht=ht+"<td class='formInput'>";
    ht=ht+"<option value='-1'>select</option>";
    if(dropdown.vt.length>0){
    var idTable=getId("TABLE_NAME");
    for(var i=0;i<idTable.length; i++){
    var value= idTable[i];
    ht=ht+"<option value'"+value[i]+"'>"+value[i]+"</option>";
    }

    }
}
}

1 个答案:

答案 0 :(得分:0)

鉴于您没有为我添加此代码提供任何上下文,我将为您提供使用Javascript填充下拉列表的一般示例。在HTML中,下拉列表是select元素,select元素的子元素是option元素。

实施例

<强> HTML

<select id="dropdown">
</select>

<强>的Javascript

var option = document.createElement("option");
var dropdown = document.getElementById("dropdown");

option.text = "Test";

dropdown.add(option);

这将创建一个新的option元素,并将其附加到dropdown对象上,该对象代表select元素。

供参考..

这是一个JSFiddle,可以为您展示此功能。