JS操作select下拉框动态变动(创建/删除/获取)
2014-10-21 16:39
603 查看
动态创建及删除select、添加及删除选项option、获得选项option的值、获得选项option的文本等等,感兴趣的朋友可以参考下
1.动态创建select
2.添加选项option
3.删除所有选项option
4.删除一个选项option
5.获得选项option的值
6.获得选项option的文本
7.修改选项option
8.删除select
转载原文:http://www.jb51.net/article/37698.htm
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); }
转载原文:http://www.jb51.net/article/37698.htm
相关文章推荐
- JS操作select下拉框动态变动(创建/删除/获取)
- JS操作select下拉框动态变动(创建/删除/获取)
- JS操作select下拉框动态变动(创建/删除/获取)
- JS操作select下拉框动态变动(创建/删除/获取)
- JS操作select下拉框动态变动
- js 下拉框的动态获取,创建,修改,删除
- JS动态创建select 操作select和option
- JS对HTML标签select的获取、添加、删除操作
- tinyxml使用:创建XML,遍历打印xml文件 select操作,获取单个节点值,删除节点操作,修改节点操作,增加节点操作
- 记录:ajax获取数据动态生成select下拉选js部份
- JS对HTML标签select的获取、添加、删除操作
- js操作select 添加 删除 修改 清空 选择 获取
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
- JS 给select下动态创建options的兼容问题
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
- JS对select动态添加options操作[IE&FireFox兼容]
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等