JSP-jsp多选下拉框

JSP-jsp多选下拉框

夜无邪 发布于 2017-09-01 字数 480 浏览 1323 回复 2

请输入图片描述

如图,这是一个多选框,多选框的内容是根据后台数据循环产生的,现在希望在每一个<option>中添加一个check方便多选,(本身就支持拖拽多选的,用户一定要check框)我尝试了很多办法都搞不定,网上能找到的也多是用jquery来实现的,但是这是一个纯jsp项目,标签之类的都是封装好的。有没有在不添加标签的情况下或者在当前页面中添加标签来实现这个功能,本人纯菜鸟jsp学了一个月都不到实在搞不定了。

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

偏爱自由 2017-09-12 2 楼

参考以下链接
带checkbox 的下拉框

浮生未歇 2017-09-04 1 楼

jQuery不用的话,可以试试用JS自己写,给个思路,想睡觉了,不写了:
每个Option都会有个value值,假如有10个option,那就在你的JSP页面也写10个check,具体样式怎么控制就看你的CSS了,代码可能是这样

<jsp:each list="Users" item="user">
<div class="chk-opt">
<input type="checkbox" id="chk-<%= user.id %>">
<option name="" value="<%= user.id %>" id="opt-<%= user.id %>">
</div>
</jsp:each>

JSP标签忘得差不多了,就这个意思,你懂得....
循环出来以后,就是1个checkbox对应一个option,然后写点JS给这些checkbox和option加点事件,点击对应的checkbox或者选中option的时候,改变option或checkbox的状态就OK了,查查DOM的API,有点小复杂,注意CSS控制样式,嘿嘿