Javascript操作Select和Option_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛

总帖数

每页帖数

1/1页

返回列表

发起投票

查看: 2565 | 回复: 0

主题： Javascript操作Select和Option

本主题由 koei123 于 2015-7-14 11:05:50 移动

d87025284

注册用户

等级：新兵
经验：62
发帖：59
精华：0
注册：2011-10-31
状态：离线
发送短消息息给d87025284

加好友发送短消息息给d87025284

发消息

发表于：

2015-7-10 10:02:07 | [全部帖] [楼主帖]

楼主

1.动态创建select

function createSelect(){
      var mySelect = document.createElement("select");
      mySelect.id = "mySelect";
      document.body.appendChild(mySelect);
}

2.添加选项option

function addOption(){
      //根据id查找对象，
      var obj=document.getElementById('mySelect');
      //添加一个选项
      obj.add(new    Option("文本","值"));
}

3.删除所有选项option

function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}

4.删除一个选项option

function removeOne(){
      var obj=document.getElementById('mySelect');
      //index,要删除选项的序号，这里取当前选中选项的序号
      var index=obj.selectedIndex;
      obj.options.remove(index);
}

5.获得选项option的值

var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].value;

6.获得选项option的文本

var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].text;

7.修改选项option

var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");

8.删除select

function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}

--转自