<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>selected</title>
<script type="text/javascript" src='selected1.js'></script>
</head>
<body>
<TABLE style="WIDTH: 100%">
<TBODY>
<TR>
<TD> </TD>
<TD id='dd'> </TD>
</TR>
<TR>
<TD> </TD>
<TD id='ff'> </TD>
</TR>
<TR>
<TD> </TD>
<TD id='hh'> </TD>
</TR>
</TBODY>
</TABLE>
</TABLE>
<SCRIPT>
//设置样式传入方式
var a = new SelectDiv("中国人", "ff", "", true);
a.addOption("江西省", "jx");
a.addOption("福建省", "fj");
a.addOption("浙江省", "zj");
a.addOption("江苏省", "js");
a.addOption("辽宁省", "ln");
a.addOption("广东省", "gd");
a.addOption("西藏自治区", "xz");
a.addOption("宁夏回族自治区", "nx");
a.addOption("内蒙古自治区", "nmg");
a.addOption("广西壮族自治区", "gx");
a.addOption("新疆维吾尔自治区", "xj");
a.saveSelf();
var s = SelectDiv.getCreateObj('中国人');
a.addOption("陕西省", "sx");
var b = new SelectDiv("民族", "dd", "300px");
b.addOption("布依族", "jx");
b.addOption("阿昌族", "fj");
b.addOption("白族", "zj");
b.addOption("彝族", "js");
b.addOption("满族", "ln");
b.addOption("回族", "gd");
b.setValue('gd;fj;jx;');
var s = SelectDiv.getCreateObj('民族');
//设置样式传入方式
var s = new SelectDiv("Test", "hh", "300px",false,true);
s.addOption("江西省", "jx");
s.addOption("福建省", "fj");
s.addOption("浙江省", "zj");
s.addOption("江苏省", "js");
//alert(s);
function getAllSelectItemDivId() {
var item = a.getAllSelectItemDiv();
alert("size:" + item.length);
for ( var i = 0; i < item.length; i++) {
alert(item[i].id);
}
}
function getAllCheckBox() {
var cb = a.getAllCheckBox();
alert("size:" + cb.length);
for ( var i = 0; i < cb.length; i++) {
alert(a.getSelectItemText(cb[i].value).innerText + "-->"
+ cb[i].value);
}
}
function getAllSelectNames(){
var sName = b.getSelectNameList();
for ( var i = 0; i < sName.length; i++) {
var name = sName[i];
alert(name);
}
}
</SCRIPT>
<br />
<input onclick="javascript:alert(s.getValue())" type="button" id="ww"
value=取得选择后的值 />
<br></br>
<input onclick="s.setValue('jx;js;xj;fj;zj;')" type=button value=设置值默认值 />
<br></br>
<input onclick="getAllSelectItemDivId()" type=button
value=获取下拉列表框中每一项Div的Id />
<br></br>
<input onclick="getAllCheckBox()" type=button value=获取下拉列表框中每一项的值和文本信息 />
<br></br>
<input onclick="getAllSelectNames()" type=button value=获取目前所创建的下拉表框的所有名字 /><br><br>
<input onclick='a.clearSelectListDiv()'type="button" value="清空下拉列表框以及所选种的对象" />
</body>
</html>
- 大小: 48.2 KB
分享到:
相关推荐
用层模拟下拉列表框 (简单)
模拟下拉列表框,支持手动输入和方向键以及回车键。求挑刺!
CSS jQuery用ul模拟select下拉列表菜单效果,将表单中常用的Select列表框变换了样式,更加漂亮了,而且引入了jQuery,加上了动画效果,在下拉的时候,自动向下滑出,使Select不那么呆板了。
jQuery+div+css模拟select自定义下拉列表框,简单轻巧实用。
易语言动画框下拉列表源码。@易语言源码分享站。
类似百度下拉提示 模拟select下拉框 jquery插件 自动提示框 下拉框 本插件依赖于jquery的插件,类似于百度下拉提示框
DIV模拟select框,自动生成div框
div模拟select兼容各浏览器,本人制作的小插件,解决下拉列表框不兼容的问题
摘要:脚本资源,jQuery,下拉列表,下拉菜单 CSS+jQuery用ul模拟select下拉列表菜单效果,将表单中常用的Select列表框变换了样式,更加漂亮了,而且引入了jQuery,加上了动画效果,在下拉的时候,自动向下滑出,使...
extjs 自动补全,模拟下拉列表combobox
4.使用下拉列表框组件显示影身,在线,离开登录状态。 5.使用复选框组件提供是否记住密码的选择。 6.点击登录,启动监视器,验证账号密码。利用JOptionPane.showConfirmDialog显示登陆成功或者失败对话框。
闲来无事,用jquery模拟了一个下拉框,可以通过输入框对下拉列表进行过滤. 原理: 1.下拉框由div和文本框组成, 2.点击下拉框弹出下拉列表 3.向文本框输入值时对下拉框进行过滤 4.选择值后将值回显到输入框 依赖: jquery...
主要介绍了uniapp 仿微信的右边下拉选择弹出框的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
意思就是给这个隐藏域赋值就相当于用丑陋的select下拉列表得到一个值是同理的。下拉列表的功能无非也就是传一个值提交过去。 此form select下拉控件是使用div+jq+css实现,其表单功能正常使用,能正常传值。根据需要...
3、下拉列表的显示,这里分纯文字列表下拉和带链接的下拉。 4、自定义浮动提示,模拟title的tip提示显示,右上角固定位置的操作提示层(ajax请求中提示,页面跳转中提示等)。 5、自定义容器装载外部图片,无柔化...
流畅体验 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上, DIV动画经常出现卡顿现象(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;拖动时...
可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有...
流畅体验 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上, DIV动画经常出现卡顿现象(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;拖动时...
3、下拉列表的显示,这里分纯文字列表下拉和带链接的下拉。 4、自定义浮动提示,模拟title的tip提示显示,右上角固定位置的操作提示层(ajax请求中提示,页面跳转中提示等)。 5、自定义容器装载外部图片,无...
3、流畅体验 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上, DIV动画经常出现卡顿现象(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;...