欢迎来到天天文库
浏览记录
ID:8970881
大小:35.00 KB
页数:4页
时间:2018-04-13
《js实现select动态添加option》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、js实现select动态添加option关于select的添加option应该注意的问题。 标准的做法如上也就是说,标准的做法是s.options.add();但是如果你一定要用s.appendChild(option);注意了,你只能用如下两种方式之一:1. s.appendChild(option); option.text='helloworld'; option.value=3; 也就是,一定要先添加到select中,然后再为option赋值。否则在FF下是显示正常的,但是在IE6中显示的是空白 2.如
2、果你要讲option.text和option.value的赋值放在前面,那么请用option.innerHTML而不是option.text 如下: option.innerHTML='helloworld'; opion.value=3; option.appendChild(option);3第三种解决方式。varop=document.createElement("option"); //新建OPTION(op) op.setAttribute("value",0); //设置OPTION的VALUE
3、 op.appendChild(document.createTextNode("请选择---"));//设置OPTION的TEXTselect.appendChild(op); //为SELECT新建一OPTION(op)select.options.length=0; //把select对象的所有option清除掉select.options.remove(i); //把select对象的第i个option清除掉
4、ent-Type"content="text/html;charset=gb2312">
7、(1)"value="删除第一个">=============================================================================== Js动态添加与删除Option
8、对象//添加选项functionaddOption(pos){varobjSelect=document.getElementById("mySelect"); //取得字段值 //varstrN
此文档下载收益归作者所有