IT源码网

js拼接select的option

sanshao 2020年04月27日 Web前端 639 0

在页面定义一个select ,必须加id

<select id="dy" name="dy">
</select>

也可以在js方法里添加

function createSelect(){
var mySelect = document.createElement("dy");
mySelect.id = "dy";
document.body.appendChild(mySelect);
}

然后js里拼接option

var sel= document.getElementById("dy");
sel.options.add(new Option("选项一","DM101_01"));
sel.options.add(new Option("选项二","DM101_02"));
sel.options.add(new Option("选项三","DM101_03"));

 

注意,如果是在html定义的select,建议将放在select标签的后面,这是因为在页面加载的时候,是从上往下加载的,如果写在select标签前面的话,没有加载到select标签就执行js了,var sel= document.getElementById("dy")得到的一般是null,是拼接不成功的。

 

评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

java中文件上传下载将file转为MultipartFile