js操作select
来源:互联网 发布:java工程师都考什么 编辑:程序博客网 时间:2024/06/07 17:56
1.动态创建select
- function createSelect(){
- mySelect = document.createElement("select");
- mySelect.id = "mySelect";
- document.body.appendChild(mySelect);
- }
2.添加选项option
function addOption(){
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(文本,值,默认选中的项,选中的项)
new Option("男","1",false,false)
3.删除所有选项
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
4.删除一个选项
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 value = obj.options[index].value;
6.获得选项Option 的文本
var obj = document.getElementById("mySelect");
var index= obj.selectedIndex;
var text=obj.options[index].text;
7.修改选项option
var obj=document.getElementById("mySelect");
var index=obj.selectedIndex;
obj.options[index].value="0";
obj.options[index].text ="女";
obj.options[index]=new Option("0","女");
8.删除select
var mySelect=document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
- js对select 操作
- js 操作select
- js 操作select标签
- js操作select控件
- js操作select控件
- js 操作Select标记
- js操作select
- js操作select控件
- js 操作select option
- js操作select组件
- js操作select
- js操作select
- JS操作select选中
- Js操作Select大全
- js操作select标签
- js操作select控件
- Js操作Select大全
- Js操作Select大全
- C和PHP中while和for效率的一点研究
- 【JQUERY】jQuery的选择器在IE8小[checked]失效的解决方法
- Canvas教程(4):运用样式与颜色
- (JavaCard)JavaCard222VM Spec(JavaCard 2.2.2 虚拟机规范-中英文对照,第七章)
- Linux 无线网卡驱动安装 Dell Inspiron R14-N4010 笔记本
- js操作select
- Ant编译成War
- Activity 返回数据到前一个activity
- Mysql入门基本命令
- flex4 设置 圆角
- oracle 停止正在运行的job
- oracle 停止正在运行的job
- C#泛型详解
- Activity的launchMode