javascript 详解各控件的操作
来源:互联网 发布:thinkphp D 源码 编辑:程序博客网 时间:2024/06/05 11:17
javascript select操作详解:
1 检测是否有选中
if(objSelect.selectedIndex > -1) {
//说明选中
} else {
//说明没有选中
}
2.动态创建select
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
3.添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值"));
}
4.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
5.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
6.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;
7.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;
8.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
9.删除select
function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
- javascript 详解各控件的操作
- Javascript 操作select控件
- javascript操作word控件
- javascript操作office控件
- Javascript 操作select控件
- Javascript操作select控件
- javascript操作控件
- JavaScript操作Dom的11点详解
- Javascript中 cookie的操作和详解
- 详解 javascript 的 delete 操作符
- 操作DataGridView控件详解
- 操作DataGridView控件详解
- javascript select操作详解
- javascript操作数组详解
- javascript 操作cookie详解
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 通过javascript操作web控件的自定义属性
- javascript事件的绑定
- GNU提供的getopt()函数的特点
- SWT 绘图(GC类)
- Swing图片ImageIcon对象到SWT图片Image对象的转换
- J2ME开发站点资源
- javascript 详解各控件的操作
- 让 Eclipse 插件程序具有二维作图能力
- JS私有变量的使用。。。
- 张健 csdn博客开始记录
- Java之关键字(keywords)和保留字(reserved word)
- 实时传输协议 RTCP
- 小谈矩阵和坐标变换
- 简单的窗口创建
- 最简单的Java操作Excel方法