续:自定义下拉框类型source(Select、checkbox多选、日期、树型)的说明
2009-08-07 14:48
309 查看
接上文,标题《自定义下拉框类型source(Select、checkbox多选、日期、树型)》在日期[TODO]、树型[TODO]处本来“TODO”字样,表示后两种是后续有待实现的功能,无奈被CSDN截掉了。所以在此声明,不是有意要忽悠大伙。
下面给出测试代码:
<script language="javascript" src="dropDown.js"></script>
<input id="test" name="test" type="text">
<script language="javascript">
/**import ElementUtils.js*/
function getOffsetPosition(src){
var left=0, top=0;
while (src.offsetParent){
left += src.offsetLeft;
top += src.offsetTop;
src = src.offsetParent;
}
return new Point(left,top);
};
function Point(posX,posY){
this.x = posX;
this.y = posY;
this.type = "Point";
}
/*import end*/
var dd = new Dropdown(document.getElementById("test"));
document.documentElement.onclick = function(){dd.hide();}
dd.setMultiple(true);
dd.setLoader("dd");
dd.addItem("ABCD", "1");
dd.addItem("<font color='red'>EFGH</font>", "2");
dd.addItem("IJKL", "3");
dd.addItem("MNOP", "4");
dd.addItem("QRST", "5");
dd.addItem("UVWX", "6");
dd.addItem("XZ", "7");
dd.selectedIndex = 2;
</script>
下面给出测试代码:
<script language="javascript" src="dropDown.js"></script>
<input id="test" name="test" type="text">
<script language="javascript">
/**import ElementUtils.js*/
function getOffsetPosition(src){
var left=0, top=0;
while (src.offsetParent){
left += src.offsetLeft;
top += src.offsetTop;
src = src.offsetParent;
}
return new Point(left,top);
};
function Point(posX,posY){
this.x = posX;
this.y = posY;
this.type = "Point";
}
/*import end*/
var dd = new Dropdown(document.getElementById("test"));
document.documentElement.onclick = function(){dd.hide();}
dd.setMultiple(true);
dd.setLoader("dd");
dd.addItem("ABCD", "1");
dd.addItem("<font color='red'>EFGH</font>", "2");
dd.addItem("IJKL", "3");
dd.addItem("MNOP", "4");
dd.addItem("QRST", "5");
dd.addItem("UVWX", "6");
dd.addItem("XZ", "7");
dd.selectedIndex = 2;
</script>
相关文章推荐
- 自定义下拉框类型source(Select、checkbox多选、日期、树型)
- 自定义下拉框类型source(树型)
- 自定义 select 下拉框 多选插件
- 织梦图集模型自定义字段checkbox类型多选无法保存BUG修正教程
- jquery multiSelect 多选下拉框代码
- 日期下拉选择器,可自定义日期范围。
- Jquery获取select,dropdownlist,checkbox下拉列表框的值
- PHP 使用checkbox ,select 多选,名称数组的取值和赋值
- jquery操作下拉框(select)的一些说明
- SpringMVC学习笔记(九)——简单类型、pojo类、自定义日期类型的参数绑定
- 织梦自定义字段【option下拉框】【radio选项卡】【Checkbox多选框】默认值过多无法显示解决方法
- Oracle数据库(函数(不包括自定函数,自定义函数会单独在后面博文中说明)、Oracle中select语法讲解)
- Dorado自定义下拉框(多选一)
- JS,Jquery获取select,dropdownlist,checkbox 下拉列表框的值
- Bootstrap-select 多选下拉框(官网的js地址错误)
- Jquery获取select,dropdownlist,checkbox下拉列表框的值
- 自定义checkbox,radio,select
- 自定义日期类型的数据绑定 前台 - 后台 或 后台 - 前台 互相转换
- JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值
- Jquery获取select,dropdownlist,checkbox下拉列表框的值