首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

动态创建select上拉列表

2012-10-06 
动态创建select下拉列表//html页面select nameOpeationStep idOpeationStepoption valueno

动态创建select下拉列表
//html页面
<select 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 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 );

热点排行