欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js 往select里动态添加option选项 提交报错问题

程序员文章站 2022-07-08 10:11:11
...

往select里动态添加option选项 提交报错问题是我在做一个项目的时候遇到的。
在网上搜索了一些方法,都没管用就自己找问题,最后是在创建option元素的时候有问题。
找这样的问题还是挺麻烦的,以后引以为戒吧

//要用这种方式创建option
var optionBox = document.createElement("option");
optionBox.value = '';
optionBox.innerHTML = '';
select.appendChild(optionBox);

//之前我是用字符串拼接然后放到select里的,所以在提交表单的时候就报错了。
var optionBox = '<option value=""></option>'
select.appendChild(optionBox);


这里顺便说一下optionBox.innerHTML = '';
我没有用innerText是因为firefox不支持innerText,网上有一些其他的解决办法,如:用textContent属性代替innerText,我是觉着麻烦,因为还用判断浏览器,在不影响功能的情况下我就选择了innerHTML。
相关标签: js select option