在select框中添加option有三种方式:
1.
ar aa =document.getElementById('SelectName');
var op =document.createElement("OPTION");
op.value="1";
op.innerHTML="大众";
aa.appendChild(op);
var op1=document.createElement("OPTION");
op1.value="2";
op1.innerHTML="奔驰";
aa.appendChild(op1);
2.
var aa =document.getElementById('Select4');
aa.add(new Option("大众", "1"));
aa.add(new Option("奔驰", "2"));
3.
var newoption = new Option(valText, valValue);
document.formname.options[formItem.length] = newoption;
第一种方式和第三种方式对IE和FF都是可以兼容的,这一点我在都有测试过..(题外话:IETester是一个同时测IE5-IE8的工具),第二种稍微特殊点,如果在FF下,你就要这样写:
var aa =document.getElementById('Select4');
aa.add(new Option("大众", "1"),null);
但是在IE下,这个null又必须要去掉。
分享到:
相关推荐
两个下拉列表,用JS动态添加Select中的Option元素值
NULL 博文链接:https://longying2008.iteye.com/blog/2203068
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
Select2下拉搜索框为您提供了一个可自定义的选择框,该框支持搜索,标记,远程数据集,无限滚动以及许多其他常用选项。...此版本兼容ie8 9 10 11,谷歌 火狐 等浏览器,有需要的同学可以下载,内附demo。
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
select option 自定义图片的js 、css 以及代码展示,javaScript ;
javascript 获取select ->option中id、value、label属性及<option></option>中内容
本人写的一个html页面,用js实现从数组读数据自动生成select控件
select 下拉搜索框 兼容ie8 9 10 11,谷歌 火狐 等浏览器
下面小编就为大家分享一篇layui select动态添加option的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
jquery获得select option值
下载select-option-disabled-emulation.js文件即可自动完成disabled标记的工作
WDA中select option的用法
处理option的移动事件,很多人不知道的option的移动事件怎么处理。
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
Ant design vue中的a-select在动态给option赋值之后,placeholder失效
JS对select动态添加options操作[IE&FireFox兼容]
js 操作select和optionjs 操作select和option
//为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=$(“#select_id”).val(); //获取Select选择的Value var ...
做作业的时候需要给给一个select标签动态添加option,但却总是不成功,刚开始我是这样写的: $(#day).options.append(new Option(i,i)); 然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加...