javascript 详解各控件的操作
2008-01-30 11:46
363 查看
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);
}
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 详解各控件的操作
- 老程序员学C# ------操作DataGridView控件详解
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) 转载------阿超
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- javascript操作按下Enter焦点移至下一个控件
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- [转]Javascript 操作select控件(新增、修改、删除、选中、清空、判断存在等)
- Frameset、Frame、Iframe详解之三:Javascript操作Frameset
- javascript操作html控件实例(javascript添加html)
- 为ASP.NET控件添加常用的JavaScript操作
- javascript操作html控件实例(javascript添加html)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- 详解JavaScript操作HTML DOM的基本方式
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)转自:http://www.cnblogs.com/zyh-nhy/archive/2007/08/08/847876.html
- Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
- Cookie介绍及JavaScript操作Cookie方法详解