往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。
分享到:
相关推荐
1.动态创建select 代码如下: ...添加选项option 代码如下: function addOption(){ //根据id查找对象, var obj=document.getElementById(‘mySelect’); //添加一个选项 obj.add(new Option(“文本”,”值”)); /
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
两个下拉列表,用JS动态添加Select中的Option元素值
本人写的一个html页面,用js实现从数组读数据自动生成select控件
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
NULL 博文链接:https://longying2008.iteye.com/blog/2203068
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
下面小编就为大家分享一篇layui select动态添加option的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
做作业的时候需要给给一个select标签动态添加option,但却总是不成功,刚开始我是这样写的: $(#day).options.append(new Option(i,i)); 然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加...
然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select <option value='1'>第一条新闻标题</option> <option value='2'>第二条新闻标题</option> </select> ...
Ant design vue中的a-select在动态给option赋值之后,placeholder失效
下面小编就为大家分享一篇利用js给datalist或select动态添加option选项的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
select option 自定义图片的js 、css 以及代码展示,javaScript ;
js 操作select和optionjs 操作select和option
javascript 获取select ->option中id、value、label属性及<option></option>中内容
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
里动态添加option问题,一开始以为是JS那里动态添加,所以用了JS动态添加option的方法,但你那里是用JQuery的,所以才会一直出错,下面记下在JS和JQuery里添加option的区别。 JS: var selid = document....
如下所示: var selector=$('<select></select>...以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....
用js操作select的option,可以增加删除和判断value值是否在下拉列表存在