select option简单使用记录
来源:互联网 发布:nginx编译安装 编辑:程序博客网 时间:2024/06/09 20:00
废话不说,直接上代码
/**
* select的onChange事件:this代表的是select对象,不是option对象
*/
<select id="selectid" onChange="createOption(this);"><option did="" idvalue="" value="">===请选择===</option></select>
/**
* 创建option,每次创建之前清空【请选择】option下面的所有option
* @return
*/
function createOption(selectObj){
//var selectObj = document.getElementById("selectid");
deleteOption(selectObj);
//new Option([文字[,值[,defaultSelected[,selected]]]]),貌似添加后两个参数有问题
var option = new Option("文本","值");//也可document.createElement("option");
//我的option有 did="" idvalue="" 两个属性,而new Option()构造函数没有为这两个属性赋值功能,所以
option.did = "111111111111111111";
option.idvalue = "22222222222222";
//当然option.text="文本" option.value="值"
selectObj.add(option);
/**几个属性:
* selectObj.selectedIndex;当前选中option索引
* option.index;此option索引
* options[i].selected可以作为if条件判断当前option是否为选中状态
* options[i].selected = true;设定当前option为选中状态
* var options = selectObj.options;
for(i=0;i<options.length;i++){
if(options[i].selected){
alert(options[i].idvalue);
}
}
*/
}
/**
* 删除清空当前select标签中除了第一个option之外所有option
* @param selectObj
* @return
*/
function deleteOption(selectObj){
var optionsObj = selectObj.options;
for(var i=1;i<optionsObj.length;i++){
optionsObj[i] = null;
i=i-1;
}
}
- select option简单使用记录
- select option的使用
- select中option的简单控制
- 小心使用jquery操作select option表单
- 使用jquery截断select的option值
- Jquery select option在html中使用
- jquery操作select option使用小结
- 使用jquery设置select option选中
- Jquery select option在html中使用
- html 多选 select option 插件 multiselect 使用
- HTML select option基础理解及使用
- Jquery对select 和option 的使用
- Option 和 Select 对象的基本使用
- 如何在AMDP中使用SELECT-OPTION
- select option
- select option
- Select Option
- select option
- MFC连接SQL(ADO数据库访问技术)——绝对简单
- MTK task
- 26句话,快乐由你掌握。
- 实现复数类中的运算符重载
- Hanoi塔算法
- select option简单使用记录
- 如何更改GridView的item按下去的背景?
- 修改PHP上传文件大小限制的方法
- AVR单片机最小系统 基本硬件线路与分析
- 此像素非彼像素(viewport与苹果的变化)css媒体查询-width与device-width的区别
- 第七周上机任务项目1
- 浅谈SQL Server数据库对内存的管理
- POJ 2451 求半面交
- 微软Microsoft 2013暑假实习生笔试题