动态创建及删除 select、添加及删除选项 option、获得选项 option 的值、获得选项 option 的文本等等,感兴趣的朋友可以参考下哈
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
1. 动态创建 select
- function createSelect(){
- var mySelect = document.createElement_x("select");
- mySelect.id = "mySelect";
- document.body.appendChild(mySelect);
- }
2. 添加选项 option
- function addOption(){
- //根据id查找对象,
- var obj=document.getElementByIdx_x('mySelect');
- //添加一个选项
- obj.add(new Option("文本","值"));
- }
3. 删除所有选项 option
- function removeAll(){
- var obj=document.getElementByIdx_x('mySelect');
- obj.options.length=0;
- }
4. 删除一个选项 option
- function removeOne(){
- var obj=document.getElementByIdx_x('mySelect');
- //index,要删除选项的序号,这里取当前选中选项的序号
- var index=obj.selectedIndex;
- obj.options.remove(index);
- }
5. 获得选项 option 的值
- var obj=document.getElementByIdx_x('mySelect');
- var index=obj.selectedIndex; //序号,取当前选中选项的序号
- var val = obj.options[index].value;
6. 获得选项 option 的文本
- var obj=document.getElementByIdx_x('mySelect');
- var index=obj.selectedIndex; //序号,取当前选中选项的序号
- var val = obj.options[index].text;
7. 修改选项 option
- var obj=document.getElementByIdx_x('mySelect');
- var index=obj.selectedIndex; //序号,取当前选中选项的序号
- var val = obj.options[index]=new Option("新文本","新值");
8. 删除 select
- function removeSelect(){
- var mySelect = document.getElementByIdx_x("mySelect");
- mySelect.parentNode.removeChild(mySelect);
- }
来源: