admin 管理员组

文章数量: 1086019


2024年3月14日发(作者：ppt模板下载免费版百度文库)

鼠标点到input表单上就会出现一个下拉列表式的多选框，当勾选后，会自动填写到

input里。

先看效果吧：

当鼠标点上兴趣爱好时，就会动态出现下拉多选框，然后可以在上面选择，所选择的

内容会自动写上input表单中，当鼠标离开input所在的这个td，下拉多选框会自动隐藏。

所需要的东西也不多，只要引入一个就行。可以写到各种有需要的地方，不

多说了，下面是代码：

<%@ page language=

"java"

contentType=

"text/html; charset=UTF-8"

pageEncoding=

"UTF-8"

%>

"/TR/html4/">

"Content-Type"

content=

"text/html; charset=UTF-8"

>

Insert title here

"1px solid black"

cellpadding=

"0"

cellspacing=

"0"

>

姓名：

"name"

>

"td1"

onmouseleave=

"l()"

>

兴趣爱好：

"input1"

name=

"interest"

readonly=

"readonly"

onfocus="f()" style="width:

600px

">

"div1"

>

"checkbox"

name=

"likes"

value=

"足球"

onclick="c()">足球

"checkbox"

name=

"likes"

value=

"中国足球"

onclick="c()">中国足

球

"checkbox"

name=

"likes"

value=

"游泳"

onclick="c()">游泳

"checkbox"

name=

"likes"

value=

"和美女游泳"

onclick="c()">和美

女游泳

"checkbox"

name=

"likes"

value=

"登山"

onclick="c()">登山

"checkbox"

name=

"likes"

value=

"牵着妹子登山"

onclick="c()">牵

着妹子登山

"checkbox"

name=

"likes"

value=

"脱离了低级趣味的人"

onclick="c()">脱离了低级趣味的人

其它：

"text"

name=

"others"

>


本文标签： 偏移 自动 表单 事件 需要

版权声明：本文标题：input多选下拉列表 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1710381004a570509.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。