`
truth99
  • 浏览: 62918 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

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

阅读更多

往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。
分享到:
评论

相关推荐

    select项内容过长解决办法

    2. **使用`title`属性**:可以为每个`&lt;option&gt;`添加`title`属性,当鼠标悬停在选项上时,会显示该属性的值作为提示。这可以帮助用户查看完整内容,但并不能解决默认显示的问题。 ```html &lt;select&gt; &lt;option title=...

    IE8下Jquery获取select选中的值post到后台报错问题

    IE8下Jquery获取select选中的值post到后台报错的问题,主要原因是IE8浏览器在使用jquery获取select元素选中的值时,将其错误地识别为了数组。在非IE8浏览器中,比如Firefox、Chrome等,使用jquery获取select元素的...

    搜索功能select下拉框实现自动匹配

    带搜索功能的select下拉框,类似百度google的搜索框,自己匹配,很好用

    JS简单设置下拉选择框默认值的方法

    在JavaScript中,设置下拉选择框(`&lt;select&gt;`元素)的默认选中项是一项常见的任务,这在处理动态数据或者需要根据用户之前的选择来预填充表单时尤其有用。本文将详细介绍如何使用JS实现这一功能,并提供一个具体的...

    javascript option onclick事件ie解决方案 兼容ie,firefox

    JavaScript 中的 Option onclick 事件是用户在Select 元素中选择一个选项时触发的事件,但是在 Internet Explorer(IE)浏览器中,该事件无法正确触发,这给开发者带来了不少麻烦。今天,我们将讨论如何解决这个问题...

    JavaScript笔记

    4.变量:js中的变量不需要提前指定类型,由赋值时动态决定 所有的变量都用var声明 5.数据类型: |--String(字符串类型) |--Number(数字类型) |--Boolean(布尔类型)0、-0、null、""、false/undefined或NaN,则该...

    Javascript技术笔记3

    `&lt;option&gt;` 元素用于定义`&lt;select&gt;` 下拉列表中的选项。值得注意的是,`&lt;option&gt;` 标签不需要闭合标签,如: ```html &lt;select&gt; &lt;option value="apple"&gt;Apple&lt;/option&gt; &lt;option value="banana"&gt;Banana&lt;/option&gt; &lt;/...

    解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题

    在使用LayUI框架开发网页应用时,可能会遇到下拉框、单选按钮和复选框无法正常显示的问题。LayUI是一个轻量级的前端组件库,它提供了丰富的UI组件,包括表单元素,如下拉框、单选框和复选框。当这些问题出现时,通常...

    详解element-ui设置下拉选择切换必填和非必填

    在Element-UI中,开发Web应用时常会遇到需要动态调整表单验证规则的情况,比如一个下拉选择框根据用户的选择,使得某个输入框变为必填或非必填。本篇文章将详细讲解如何实现这一功能。 首先,我们来看一下具体的...

    ASP.NET中DropDrownList控件的省市县三级联动

    首先,我们需要理解三级联动的基本概念:当用户在一级(省份)下拉框中选择一个选项时,二级(城市)下拉框会自动更新其选项,同理,当用户在二级下拉框中选择后,三级(区县)下拉框也会动态加载相应数据。...

    简单实现jQuery级联菜单

    使用$("#firstoption")选择器选中源级联菜单中所有的选项,然后同样使用appendTo()方法将它们添加到目标级联菜单中。 - $("#remove").click():当点击“”按钮时,触发此函数。使用$("#secondoption:selected")选择...

    ng-repeat指令在迭代对象时的去重方法

    以下是一个具体的示例,展示了如何在`&lt;select&gt;`选项中去重: ```html &lt;select v-model="option"&gt; &lt;option value=""&gt;--------请选择--------&lt;/option&gt; &lt;option v-repeat="item in deals" v-hide="deals[$index]....

Global site tag (gtag.js) - Google Analytics