JSP实现用于自动生成表单标签html代码的自定义表单标签

本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签。分享给大家供大家参考。具体如下：

这个是自己写的一个简单的JSP表单标签，用于自动生成checkbox,select,radio等标签，传入菜单集合生成html代码，自动选中指定值，用于java web项目的jsp页面。

1. Servlet部分代码：

Map<String, String> map = new HashMap<String, String>();
map.put("2", "选项二");
map.put("3", "选项三");
map.put("4", "选项四");
map.put("5", "选项五");
map.put("6", "选项六");
req.setAttribute("map", map);
List<String> list = new ArrayList<String>();
list.add("4");
list.add("5");
list.add("6");
req.setAttribute("list", list);

2. JSP代码：

<%@taglib prefix="g" uri="http://www.golpesoft.com" %>
<g:select value="1">
  <option value="0">选项一</option>
  <g:option value="1">这个被选中</g:option>
  <!-- items必需是集合或者map -->
  <g:options items="${map }"/>
</g:select>
<!--checkValue支持el,可以是集合或者字符串，指定自动生成的checkbox哪些被选中 -->
<g:checkboxs checkValue="${list }" items="${map }" name="checkbox"/>
<!-- checkValue只能是字符串，支持el -->
<g:radios items="${map }" name="radio" checkValue="3"/>

3. 生成的html代码：

<select>
  <option value="0">选项一</option>
  <option value="1" selected="selected">这个被选中</option>
  <!-- items必需是集合或者map -->
  <option value="3">选项三</option>
<option value="2">选项二</option>
<option value="6">选项六</option>
<option value="5">选项五</option>
<option value="4">选项四</option>
</select>
<!--checkValue支持el,可以是集合或者字符串，指定自动生成的checkbox哪些被选中 -->
<div class="checkbox-div"><input type="checkbox" id="checkbox1" name="checkbox" value="3" /><label for="checkbox1">选项三</label></div><div class="checkbox-div"><input type="checkbox" id="checkbox2" name="checkbox" value="2" /><label for="checkbox2">选项二</label></div><div class="checkbox-div"><input type="checkbox" id="checkbox3" name="checkbox" value="6" checked="checked" /><label for="checkbox3">选项六</label></div><div class="checkbox-div"><input type="checkbox" id="checkbox4" name="checkbox" value="5" checked="checked" /><label for="checkbox4">选项五</label></div><div class="checkbox-div"><input type="checkbox" id="checkbox5" name="checkbox" value="4" checked="checked" /><label for="checkbox5">选项四</label></div>
<!-- checkValue只能是字符串，支持el -->
<div class="radio-div"><input type="radio" id="radio1" name="radio" value="3" checked="checked" /><label for="radio1">选项三</label></div><div class="radio-div"><input type="radio" id="radio2" name="radio" value="2" /><label for="radio2">选项二</label></div><div class="radio-div"><input type="radio" id="radio3" name="radio" value="6" /><label for="radio3">选项六</label></div><div class="radio-div"><input type="radio" id="radio4" name="radio" value="5" /><label for="radio4">选项五</label></div><div class="radio-div"><input type="radio" id="radio5" name="radio" value="4" /><label for="radio5">选项四</label></div>

希望本文所述对大家的JSP程序设计有所帮助。

赞 (0)

相关推荐

  • js生成随机数的方法实例

    js生成随机数主要用到了内置的Math对象的random()方法.用法如:Math.random().它返回的是一个 0 ~ 1 之间的随机数.有了这么一个方法,那生成任意随机数就好理解了.比如实际中我们可能会有如下的需要: (1)生成一个 0 - 100 之间的随机整数,那么则可以: parseInt(100*Math.random()); 注意:因为Math.random()的返回值是包括0和1的,所以这里是有生成0和100的可能性的. (2)生成一个从 m - n 之间的随机整数,例如要生

  • javascript生成img标签的3种实现方法(对象、方法、html)

    本文实例讲述了javascript生成img标签的3种实现方法.分享给大家供大家参考,具体如下: <div id="d1"></div> <script> //HTML function a(){ document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>"

  • javascript修改IMG标签的src问题

    1.当点击某一按钮的时候,把图片域中的图片改变一下 复制代码 代码如下: <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</s

  • JS对img进行操作(换图片/切图/轮换/停止)

    复制代码 代码如下: <script type="text/javascript"> var i = 1; var n; function showImg() { if (document.getElementById('img').getAttribute("src") == "images/1.jpg") { document.getElementById('img').setAttribute("src",&

  • javascript动态生成树形菜单的方法

    本文实例讲述了javascript动态生成树形菜单的方法.分享给大家供大家参考,具体如下: //======================================== //Envrionment to hold Listeners //======================================== tv_listeners = new Array() ; function listener( type , handler ) { this.type = type ;

  • JSP结合js实现img中src更新请求的方法

    本文实例讲述了JSP结合js实现img中src更新请求的方法.分享给大家供大家参考.具体如下: 1.javascript(更新的函数) <script type="text/javascript"> function changeImage(){ var img = document.getElementById("imgVcode"); if(img.name == 1){ img.name = 2; img.src = "shop.do?m

  • JavaScript实现自动生成网页元素功能（按钮、文本等）

    JavaScript实现自动生成网页元素功能（按钮、文本等）

    创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的"html代码",不是我们认为的对象树的操作 详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/>

  • JS+JSP通过img标签调用实现静态页面访问次数统计的方法

    本文实例讲述了JS+JSP通过img标签调用实现静态页面访问次数统计的方法.分享给大家供大家参考,具体如下: 测试页面: test.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <meta http-equiv="pragma" content

  • JS+CSS设置img在DIV中只显示Img垂直居中的部分

    JS+CSS设置img在DIV中只显示Img垂直居中的部分

    一个Div中显示Img,img的宽和Div相同,但高不固定,要求只显示Img垂直居中的部分. 示例: 原图: 代码实现: 复制代码 代码如下: <div style="width: 190px; height: 100px; overflow: hidden;"> <img src="http://beijing.timeoutcn.com/UserFiles/Images/2013-10-21/20131021104840077cover-22-1.jpg

  • JSP实现用于自动生成表单标签html代码的自定义表单标签

    本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkbox,select,radio等标签,传入菜单集合生成html代码,自动选中指定值,用于java web项目的jsp页面. 1. Servlet部分代码: Map<String, String> map = new HashMap<String, String>(); map.put("2",

  • Springboot Mybatis Plus自动生成工具类详解代码

    前言 代码生成器,也叫逆向工程,是根据数据库里的表结构,自动生成对应的实体类.映射文件和接口. 看到很多小伙伴在为数据库生成实体类发愁,现分享给大家,提高开发效率. 一.pom依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.1</version> &

  • SpringBoot集成Mybatis-plus并实现自动生成相关文件的示例代码

    Mybatis-Plus是一个优秀的Mybatis增强工具,目前更新到3.1.1.Mybatis-Plus原生提供了很多单表操作的方法,极大简化了繁琐的curd的操作,同时又支持xml配置.自定义sql的编写.这篇文章介绍SpringBoot2集成Mybatis-Plus 3.1.0,同时介绍mybatis提供MysqlGenerator.java,你可以通过指定的数据库表生成对应的bean.mapper.xml.mapper.java.service.java.serviceImpl.java

  • Android中实现自动生成布局View的初始化代码方法

    在android开发过程中,界面布局是及其重要的,但同时也是复杂.有的时候我们急于实际运行查看布局效果.但是android的编译速度我实在不想吐槽啥,尤其在布局越来越复杂,项目越来越大,资源文件越来越多的情况下. 尤其是是android的view的初始化,findViewbyId 完全是体力活,我们完全可以根据布局文件自动生成View的初始化代码. 首先声明:   1.这是及其容易做到的,实用性性一般,但是在复杂布局和首次写初始化View代码的时候及其好用. 2.只能生成有id标签的view的初

  • vue配置文件自动生成路由和菜单实例代码

    vue配置文件自动生成路由和菜单实例代码

    目录 写在前面 router.json 路由生成 菜单生成 效果 总结 写在前面 每次重复写路由的时候是不是会觉得很烦,特别是项目大的时候,路由会有特别多,看都看不过来,所以这里我是有了一个router.json的配置文件来对路由做一些简单的配置,然后让路由和左侧菜单栏可以同时生成. router.json 主要配置项如下: { "name": "routerConfig", "menu": [{ "id": "1&

  • js自动生成对象的属性示例代码

    例如 我们有如下这么一个对象 复制代码 代码如下: var obj = { a:{ b:"bb" } } 但是我们现在想给 obj 对象增加如下属性 obj.a.b.c.d.f="ff" ; 我们一般会如下做,obj.a.b.c={},obj.a.b.c.d={} ,obj.a.b.c.d.f="ff" ;但是如果我的属性很多,这样的方法时不可行的.现在提供一个自动生成对象属性的方法 复制代码 代码如下: function autoCreateO

  • SpringBoot根据目录结构自动生成路由前缀的实现代码

    SpringBoot根据目录结构自动生成路由前缀的实现代码

    目录 前言 具体实现 配置文件指定基础包 自动补全路由前缀处理类 自动补全路由前缀配置类 测试类 测试 前言 本文介绍如何根据目录结构给RequestMapping添加路由前缀(覆盖RequestMappingHandlerMapping中的getMappingForMethod方法,修改其中的Url),如下图的实际访问路径为:/v1/test/test. 具体实现 配置文件指定基础包 application.properties api-package = com.coisini.spring

  • java 自动生成略缩图示例代码

    当你要做一个图库的项目时,对图片大小.像素的控制是首先需要解决的难题.一.单图生成略缩图单图经过重新绘制,生成新的图片.新图可以按一定比例由旧图缩小,也可以规定其固定尺寸.详细代码如下: 复制代码 代码如下: <SPAN style="FONT-SIZE: 14px">import com.sun.image.codec.jpeg.JPEGImageEncoder;import com.sun.image.codec.jpeg.JPEGCodec;import com.su

  • PHP定时自动生成静态HTML的实现代码

    但定时生成就受到了一些局限性,大家如果有独立服务器的能在服务器上设置计划任务,但如果是使用虚拟主机的可就不好办了.虽然方法非常多.但使用起来简便容易的,我觉得还是先判断已生成的首页文件的生成时间和现有时间之间的差值,如果满足某个值就开始生成这种方法比较来得容易.不多说了.开始吧! 网上找到的,记一下.实践证明,可用. 复制代码 代码如下: <?php $nowtime=time(); $pastsec = $nowtime – $_GET["t"]; if($pastsec<

  • iOS自动生成表格效果的实现代码

    iOS自动生成表格效果的实现代码

    一.效果图 二.工程图 三.代码. RootViewController.h #import <UIKit/UIKit.h> #import "LabelOnBackImage.h" @interface RootViewController : UIViewController { LabelOnBackImage *labelFirst; } @end RootViewController.m #import "RootViewController.h&quo

随机推荐