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。