当前位置: 代码迷 >> Web前端 >> 动态创建select上拉列表
  详细解决方案

动态创建select上拉列表

热度:70   发布时间:2012-10-06 17:34:01.0
动态创建select下拉列表
//html页面
<select class="select154" name="OpeationStep" id="OpeationStep">
<option value="no" >请选择节点</option>          
</select>
//js代码
var oss = document.getElementById('OpeationStep');
oss.options.length=0;
for(var i=0;i<6;i++){
    var varItem = new Option(i, i);//option中的第一个值为显示的值,第二个值为value
            oss.options.add(varItem);
}
//当然如果你不想在html页面中写入
<select class="select154" name="OpeationStep" id="OpeationStep">
<option value="no" >请选择节点</option>          
</select>
这段代码你可以在页面加载的时候这样写
var newselect = document.createElement("<select class='select154' name='OpeationStep' id='OpeationStep'></select>");
document.body.insertBefore(newselect );
  相关解决方案