社区
JavaScript
帖子详情
高分求求助!!!
lzwwiner
2002-11-22 06:14:04
我的问提是:
当一个下拉列表框得到焦点的时候可以自动弹出来。不能使用鼠标点击。比如说用tab键来切换焦点,当焦点切换到下拉列表框时他就自动弹出拉。
...全文
53
10
打赏
收藏
高分求求助!!!
我的问提是: 当一个下拉列表框得到焦点的时候可以自动弹出来。不能使用鼠标点击。比如说用tab键来切换焦点,当焦点切换到下拉列表框时他就自动弹出拉。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
JK_10000
2002-11-22
打赏
举报
回复
select的onblur事件很奇怪,就算是focus的时候也执行,不知为什么??
哪位仁兄帮忙解释一下
<input name=hello>请按tab键,这什么这里的值会变成3<br>
<select onfocus="this.size=this.length" onblur="hello.value=hello.value*1+1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
</select>
<script>
hello.focus()
</script>
lzwwiner
2002-11-22
打赏
举报
回复
接上面的代码:
</head> <option value=F><font color="#ff0000">女</font></option>
</select>
</div>
<div id="Layer7" style="position:absolute; left:450px; top:31px; width:35px; height:13px; z-index:2; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<font color=#ff0000>***</font></div>
<div id="Layer1" style="position:absolute; left:384px; top:82px; width:64px; height:20px; z-index:3; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<input maxlength=4 name="year" size="4" value="1985" id="text7">年
</div>
<div id="Layer2" style="position:absolute; left:447px; top:82px; width:65px; height:20px; z-index:4; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<select name="month" id="text8" onfocus="linkobj('text8')" onblur="linkobj2('text8')">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
</div>
<div id="Layer3" style="position:absolute; left:515px; top:83px; width:69px; height:20px; z-index:3; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<select name="day" id="text9" onFocus="linkobj('text9')" onBlur="linkobj2('text9')">
<option value="1"><font color="#ff0000">1</font></option>
<option value="2" ><font color="#ff0000">2</font></option>
<option value="3" ><font color="#ff0000">3</font></option>
<option value="4" ><font color="#ff0000">4</font></option>
<option value="5" ><font color="#ff0000">5</font></option>
<option value="6" ><font color="#ff0000">6</font></option>
<option value="7" ><font color="#ff0000">7</font></option>
<option value="8" ><font color="#ff0000">8</font></option>
<option value="9" ><font color="#ff0000">9</font></option>
<option value="10" ><font color="#ff0000">10</font></option>
<option value="11" ><font color="#ff0000">11</font></option>
<option value="12" ><font color="#ff0000">12</font></option>
<option value="13" ><font color="#ff0000">13</font></option>
<option value="14" ><font color="#ff0000">14</font></option>
<option value="15" ><font color="#ff0000">15</font></option>
<option value="16" ><font color="#ff0000">16</font></option>
<option value="17" ><font color="#ff0000">17</font></option>
<option value="18" ><font color="#ff0000">18</font></option>
<option value="19" ><font color="#ff0000">19</font></option>
<option value="20" ><font color="#ff0000">20</font></option>
<option value="21" ><font color="#ff0000">21</font></option>
<option value="22" ><font color="#ff0000">22</font></option>
<option value="23" ><font color="#ff0000">23</font></option>
<option value="24" ><font color="#ff0000">24</font></option>
<option value="25" ><font color="#ff0000">25</font></option>
<option value="26" ><font color="#ff0000">26</font></option>
<option value="27" ><font color="#ff0000">27</font></option>
<option value="28" ><font color="#ff0000">28</font></option>
<option value="29" ><font color="#ff0000">29</font></option>
<option value="30" ><font color="#ff0000">30</font></option>
<option value="31" ><font color="#ff0000">31</font></option>
</select>
日 </div>
<div id="Layer4" style="position:absolute; left:581px; top:89px; width:35px; height:13px; z-index:3; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<font color=#ff0000>***</font> </div>
<div id="Layer8" style="position:absolute; left:383px; top:146px; width:35px; height:20px; z-index:2; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<select name=oneclass id="text14" onFocus="linkobj('text14')" onBlur="linkobj2('text14')">
<option value=1>初二(1)班</option>
<option value=2>初二(2)班</option>
<option value=3>初二(3)班</option>
<option value=4>初二(4)班</option>
<option value=5>初三(1)班</option>
<option value=6>初三(2)班</option>
<option value=7>初三(3)班</option>
<option value=8>初三(4)班</option>
<option value=11>培训(1)班</option>
<option value=12>培训(2)班</option>
</select>
</div>
<div id="Layer9" style="position:absolute; left:488px; top:151px; width:35px; height:13px; z-index:2; background-color: #cccc99; layer-background-color: #cccc99; border: 1px none #000000" >
<font color=#ff0000>***</font> </div>
<table width="50%" border="1" height="188" align="center">
<tr>
<td width="21%" align="center">性别</td>
<td width="79%"> </td>
</tr>
<tr>
<td width="21%" align="center">出生日期</td>
<td width="79%"> </td>
</tr>
<tr>
<td align="center">所属班级</td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
lzwwiner
2002-11-22
打赏
举报
回复
百合心你能否给我看看我的代码是我按如下思路写的:
使用层把列表框放在层上,通过改变列表框的size属性来实现的。我实现的过程是当列表框得到焦点时size属性改为我需要的值,当失去焦点时我又把size的属性值改为1。<html>
<title>修改学生信息 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
var index=0;
var selecttext;
function linkobj(id)//得到焦点时改变size的值
{
var link_obj;
var i;
link_obj=document.getElementById(id);
if(id=="text5")
{
link_obj.size=2;
}
if(id=="text8")
{
link_obj.size=5;
}
if(id=="text9")
{
link_obj.size=5;
}
if(id=="text14")
{
link_obj.size=5;
}
//index=formname.month.selectedIndex;
//alert(index);
//var types=event.srcElement.id;
//alert("text_1");
//linkobj.blur=linkobj2("text_8");
}
function linkobj2(id)//失去焦点时改变size的值
{
var link_obj;
//var longOption;
//var optionItm=new options(text,value,defaultSelected,selected);
link_obj=document.getElementById(id);
//document.formname.month.options[3];
//alert(document.formname.month.options[3]);
//link_obj.value=link_obj.options[link_obj.selectedindex];
//index=link_obj.selectedindex;
//longOption=link_obj.selectedindex;
//alert(link_obj.value);
//form.link_obj.options[4].selected=ture;
index=link_obj.selectedIndex;
//alert(index);
link_obj.size=1;
if(id="text5")
{
link_obj.selectedIndex=index;
//alert(link_obj.Text);
//alert(link_obj.value);
//alert(document.formname.sex.options[index].text);
//link_obj.size=1;
}
if(id="text8")
{
link_obj.selectedIndex=index;
//alert(link_obj.value);
//alert(document.formname.month.options[index].text);
//link_obj.size=1;
}
if(id="text9")
{
link_obj.selectedIndex=index;
//alert(link_obj.value);
//alert(document.formname.day.options[index].text);
//link_obj.size=1;
}
if(id="text14")
{
link_obj.selectedIndex=index;
//alert(link_obj.value);
//alert(document.formname.oneclass.options[index].text);
//link_obj.size=1;
}
//index=formname.month.selectedIndex;
//document.formname.month.options[index].selected="ture";
//link_obj.value=link_obj.value;
//link_obj.Option.index=3;
//link_obj.Options[3].selected="ture";
//alert(link_obj.Options[longOption].selected);
}
//-->
</SCRIPT>
</head>
seabell
2002-11-22
打赏
举报
回复
一个例子
<script>
function showdiv(w)
{
str="<table style='border:1 solid #000000;' width="+w+" cellspacing=0 cellpadding=0>";
for(i=0;i<document.all.mysel.options.length;i++)
str+="<tr><td style='font-size:10pt' onmouseover=myover() onmouseout=myout() onmousedown=myclick("+i+")>"+document.all.mysel.options[i].text+"</td></tr>";
likesel.innerHTML=str+"</table>";
likesel.style.display="block";
}
function myover()
{
event.srcElement.style.cursor="default";
event.srcElement.style.color="white";
event.srcElement.style.background="darkblue";
}
function myout()
{
event.srcElement.style.color="";
event.srcElement.style.background="";
}
function myclick(j)
{
document.all.mysel.selectedIndex=j;
likesel.style.display="none";
}
</script>
<body>
<select name=mysel onclick="likesel.style.display='none'" onfocus=showdiv(mysel.offsetWidth) onblur="document.all.likesel.style.display='none'">
<option value=11>1111111
<option value=12>111112
<option value=13>1111111113
</select><input><input>
<div id=likesel><div>
JK_10000
2002-11-22
打赏
举报
回复
上面的程序有点错误 ,改成如下
<input name=hello >
<select style=" position: absolute;" onfocus="this.size=this.length;theselecterrornum=0" onclick="this.size=1" onblur="if(theselecterrornum++==3)this.size=1;">
<option>fdsa1</option>
<option>fdsa2</option>
<option>fdsa3</option>
<option>fdsa4</option>
<option>fdsa5</option>
</select>
JK_10000
2002-11-22
打赏
举报
回复
<input name=hello >
<select style=" position: absolute;" onfocus="this.size=this.length;theselectlength=this.length" onclick="this.size=1" onblur="if(theselectlength--<2)this.size=1">
<option>fdsa1</option>
<option>fdsa2</option>
<option>fdsa3</option>
<option>fdsa4</option>
</select>
lzwwiner
2002-11-22
打赏
举报
回复
谢谢了,但层在linux下的浏览器中的表现不是那么好啊!
bencalie
2002-11-22
打赏
举报
回复
seabell(百合心)的意思是你根本就不要用Select了,完全用DIV做一个类似视觉效果的东东
lzwwiner
2002-11-22
打赏
举报
回复
你所说的div是叫我使用层了,那你是如何实现的可以告诉我吗?
我也做过,我是使用层把列表框放在层上,通过改变列表框的size属性来实现的。我实现的过程是当列表框得到焦点时size属性改为我需要的值,当失去焦点时我又把size的属性值改为1。不知道你时如何实现,还请多多指教。
seabell
2002-11-22
打赏
举报
回复
不能,只能用div模拟
基于SpringMVC+Mybatis+WebGIS的留守儿童
求
助
信息共享系统源码+全部资料+详细文档(
高分
毕业设计).zip
【资源说明】 基于SpringMVC+Mybatis+WebGIS的留守儿童
求
助
信息共享系统源码+全部资料+详细文档(
高分
毕业设计).zip基于SpringMVC+Mybatis+WebGIS的留守儿童
求
助
信息共享系统源码+全部资料+详细文档(
高分
毕业设计).zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也可作为毕设项目、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 3、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
基于SpringBoot+Vue+Web的校园爱心捐赠互助管理系统设计与实现(源码+数据库+文档).zip
基于SpringBoot+Vue+Web的校园爱心捐赠互助管理系统设计与实现(源码+数据库+文档).zip
高分
通过项目,已获导师指导。 本项目是一套基于Springboot的校园爱心捐赠互助管理系统,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含:项目源码、数据库脚本、开发说明文档、LW、演示视频、代码注释等,该项目可以直接作为毕设使用。 项目都经过严格调试,确保可以运行! 主要功能模块如下: ①前台: 用户注册、登录 校内
求
助
信息 捐赠物品查看、申请(登录后) 义卖商品(下单,支付) 贫困生信息 在线捐赠 ②后台: 1)个人用户后台 个人资料管理 物品申请管理 在线捐赠管理 购买管理
求
助
管理 我的收藏 2)管理员用户后台 系统用户管理 贫困生管理 商品类别管理 义卖商品管理 购买管理
求
助
管理 物品申请管理 在线捐赠管理 项目可正常启动,以下为开发所需环境: 开发语言:Java JDK版本:JDK1.8 服务器:tomcat7+ 数据库:mysql 5.7+ 数据库工具:Navicat11+ 开发软件:
基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档)
基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档).zip
高分
通过项目,已获导师指导。 本项目是一套基于SSM的医在线捐赠系统,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含:项目源码、数据库脚本、开发说明文档、软件工具、LW、演示视频、代码注释等,该项目可以直接作为毕设使用。 项目都经过严格调试,确保可以运行! 本系统实现一个在线捐赠系统,分为用户和管理员两种用户。主要功能如下: 前台用户模块包括: 1.首页 2.用户注册/登录 3.新闻资讯 4.暖心故事 5.我要
求
助
6.我要捐赠 7.我们的项目 8.志愿者中心 9.系统简介 10.在线留言 11.用户后台 后台管理员模块包括: 1.系统用户管理 2.注册用户管理 3.信息发布管理 4.医疗物品分类管理 5.项目信息管理 6.捐赠项目管理 7.志愿者申请管理 8.个人
求
助
管理 9.个人捐赠统计 10.系统管理
java毕业设计-基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档).zip
基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档).zip
高分
通过项目,已获导师指导。 本项目是一套基于SSM的医在线捐赠系统,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含:项目源码、数据库脚本、开发说明文档、软件工具、LW、演示视频、代码注释等,该项目可以直接作为毕设使用。 项目都经过严格调试,确保可以运行! 本系统实现一个在线捐赠系统,分为用户和管理员两种用户。主要功能如下: 前台用户模块包括: 1.首页 2.用户注册/登录 3.新闻资讯 4.暖心故事 5.我要
求
助
6.我要捐赠 7.我们的项目 8.志愿者中心 9.系统简介 10.在线留言 11.用户后台 后台管理员模块包括: 1.系统用户管理 2.注册用户管理 3.信息发布管理 4.医疗物品分类管理 5.项目信息管理 6.捐赠项目管理 7.志愿者申请管理 8.个人
求
助
管理 9.个人捐赠统计 10.系统管理
基于springcloud+vue+javaweb的智慧养老平台(项目源码+数据库+开发说明文档+LW+答辩PPT).zip
基于springcloud+vue+javaweb的智慧养老平台源码+数据库.zip
高分
通过项目,已获导师指导。 本项目是一套基于springcloud的智慧养老平台,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含:项目源码、数据库脚本、开发说明文档、LW、答辩PPT等,该项目可以直接作为毕设使用。 项目都经过严格调试,确保可以运行! 主要功能模块: 1)系统功能模块 智慧养老平台,在系统首页可以查看首页、活动信息、便利店、劳工、服务项目、个人中心、后台管理等内容,并进行详细操作 2)后台模块包括管理员和老人 2.1.管理员功能 管理员登录系统后,可以对首页、个人中心、老人管理、亲属管理、每日健康管理、既往病史管理、活动分类管理、活动信息管理、商品类型管理、便利店管理、商品购买管理、劳工管理、服务类型管理、服务项目管理、服务购买管理、紧急
求
助
管理、礼品发放管理、积分增加管理、系统管理等功能进行相应的操作管理 2.2.老人功能 老人登录系统后,可以对首页、个人中心、亲属管理、每日健康管理、既往病史管理、商品购买管理、服务
JavaScript
87,902
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章