- 注意:Option中的O是要大写的,不然语法报错
- 1.动态创建select
- Javascript代码
- function createSelect(){
- Select = document.createElement("select");
- mySelect.id = "mySelect";
- document.body.appendChild(mySelect);
- }
- 2.添加选项option
- Javascript代码
- function addOption(){
- //根据id查找对象,
- var obj=document.getElementById('mySelect');
- //添加一个选项
- obj.add(new Option("文本","值")); //这个只能在IE中有效
- obj.options.add(new Option("text","value")); //这个兼容IE与firefox
- }
- ----------------------------------------------------------------
- Option里面的四个参数分别的意思
- new Option (text,value,defaultselected,selected)
- new Option (文本,值,默认选中的选项,选中的选项)
- 看测试结果就懂了
- <select id="s1"></select>
- <script>
- var op = new Option("显示文本1","值1",false,false);
- s1.options.add(op);
- op = new Option("显示文本2","值2",false,true);
- s1.options.add(op);
- </script>
- -----------------------------------------------------------------
- 3.删除所有选项option
- Javascript代码
- function removeAll(){
- var obj=document.getElementById('mySelect');
- obj.options.length=0;
- }
- 4.删除一个选项option
- Javascript代码
- function removeOne(){
- var obj=document.getElementById('mySelect');
- //index,要删除选项的序号,这里取当前选中选项的序号
- var index=obj.selectedIndex;
- obj.options.remove(index);
- }
- 5.获得选项option的值
- Javascript代码
- var obj=document.getElementById('mySelect');
- var index=obj.selectedIndex; //序号,取当前选中选项的序号
Js操作select(getElementById的用法)
最新推荐文章于 2023-05-31 21:40:04 发布