s:doubleselect 两个入门的例子

最新推荐文章于 2024-07-16 17:56:11 发布
最新推荐文章于 2024-07-16 17:56:11 发布
阅读量897 收藏 1
点赞数
分类专栏： struts2 文章标签： javascript 企业应用 action spring ajax java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/facepp/article/details/6369507
版权

<%@ page contentType="text/html; charset=GBK" language="java"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>使用s:doubleselect生成级联下拉列表框</title>
<s:head/>
</head>
<body>
<h3>使用s:doubleselect生成级联下拉列表框</h3>
<s:form action="x">
    <s:doubleselect
            label="请选择您喜欢的图书"
            name="author" list="{'李刚', 'David'}"
            doubleList="top == '李刚' ? {'Spring2.0宝典', '轻量级J2EE企业应用实战' , '基于J2EE的Ajax宝典'} : {'JavaScript: The Definitive Guide'}"
            doubleName="book"/>
 
</s:form>

</body>
</html>

 

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

对应后台的action属性，可直接传值

 

－－－－－－－－－－－－－－－

 

<%@ page contentType="text/html; charset=GBK" language="java"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>使用s:doubleselect生成级联下拉列表框</title>
<s:head/>
</head>
<body>
<h3>使用s:doubleselect生成级联下拉列表框</h3>
<s:set name="bs"
value="#{'李刚': {'Spring2.0宝典', '轻量级J2EE企业应用实战','基于J2EE的Ajax宝典'},
 'David': {'JavaScript: The Definitive Guide'},
 'Johnson': {'Expert One-on-One J2EE Design and Development'}}" />
<s:form action="x">
    <s:doubleselect
            label="请选择您喜欢的图书"
   size="3"
            name="author" list="#bs.keySet()"
            doubleList="#bs[top]"
   doubleSize="3"
            doubleName="book"/>
 
</s:form>

</body>
</html>

facepp
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Struts2框架的入门学习
RJCCDL的博客
04-04 814
Struts2 入门 struts 的的简介 Struts2是一个基于MVC设计模式的Web应用框架，它本质上相当于一个servlet，在MVC设计模式中，Struts2作为控制器(Controller)来建立模型与视图的数据交互。Struts 2是Struts的下一代产品，是在 struts 1和WebWork的技术基础上进行了合并的全新的Struts 2框架。其全新的Struts 2的体系结构与Struts 1的体系结构差别巨大。Struts 2以WebWork为核心，采用拦截器的机制来处理用户的请求，
struts2 doubleselect标签的用法例子
12-08
在JSP页面中，使用`<s:doubleselect>`标签来渲染这两个下拉列表。标签的属性包括但不限于`list`（父级选项）、`listKey`（父级选项的键）、`listValue`（父级选项的显示值）、`doubleList`（子级选项的映射）、`...
Struts2入门教程
weixin_34038293的博客
02-01 266
2019独角兽企业重金招聘Python工程师标准>>> ...
struts2标签详解
huwenzhi1991的专栏
04-20 403
要在jsp中使用Struts2的标志，先要指明标志的引入。通过jsp的代码的顶部加入以下的代码： taglib prefix="s" uri="/struts-tags" %>   If elseif  else 描述： 执行基本的条件流转。 参数： 名称 必需 默认 类型 描述 备注 test
转载：引用 struts2标签详解
weixin_30491641的博客
07-06 48
引用 元元的struts2标签详解 引用 COLD的struts2标签详解 要在jsp中使用Struts2的标志，先要指明标志的引入。通过jsp的代码的顶部加入以下的代码： <%@taglib prefix="s" uri="/struts-tags" %> If elseif else 描述： 执行基本的条件流转。 参数： ...
j2ee-struts2-Select_DoubleSelect.rar_struts2 doubleselect
09-22
在Struts2中，我们有许多内置的标签来帮助开发者更方便地处理表单元素，例如`<s:select>`和`<s:doubleselect>`就是其中两个用于创建下拉列表的标签。下面我们将详细探讨这两个标签以及如何在J2EE项目中使用它们。 1...
两级级联下拉列表jquery插件doubleSelect.zip
11-21
这个插件的核心功能是创建两个相互关联的下拉列表。当用户在第一个下拉列表中选择一个选项时，第二个下拉列表的内容会根据所选选项动态更新。这种动态响应的实现依赖于jQuery的事件监听和Ajax技术。Ajax允许在不刷新...
doubleselect.
07-10
"Doubleselect"是一种在数据库查询优化中常见的技术，特别是在复杂的SQL查询中，它涉及到如何处理两个或更多选择（即子查询）以提高性能和效率。在这个主题中，我们将深入探讨doubleselect的概念、应用场景以及如何...
【JavaScript 报错】未捕获的URI错误：Uncaught URIError
Allen-
07-11 679
Uncaught URIError 是JavaScript中常见的一种错误，通常发生在全局URI处理函数（如 decodeURIComponent、encodeURIComponent）使用不当时。本文将详细介绍 Uncaught URIError 错误的常见原因及其解决方案。
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 753
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
更新商品前端接口编写
weixin_55639995的博客
07-12 400
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 306
解决页面放大，图片模糊的问题
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
uu0216的博客
07-16 406
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
docker将Java、vue、nginx打进镜像（涉及容器打成镜像）
qq_37752382的博客
07-15 477
按照上文拉取centos7，然后将需要的东西直接打进脚本，这样最简单，但是在拉取过程中，初始镜像contos7安装nginx需要安装一些工具包，拉取的时候报错了，原因还是在镜像源上，并且还想在上面装一些工具，另外创建容器不应该在里面做很多初始化的东西，每次更新业务包就行，4）准备文件完成后执行下面的就行（如果配置文件不对，比如nginx的配置等先进入镜像手动调整好，没问题了，再删除掉容器和镜像重新制作镜像即可）本文不讲安装docker,安装好安装，镜像源稍微麻烦点。1）生成镜像并创建容器。
vue 自定义滚动条同步拖动（移动端）
u014206461的博客
07-12 220
vue 自定义滚动条同步拖动（移动端）
商品详情使用富文本编辑器
m0_74356429的博客
07-13 164
2、因为好多页面都需要用到，封装富文本编辑器组件。3、在商品编辑和商品添加页面添加富文本编辑器。Editor.vue代码。
vue搜索框过滤--- computed、watch区别
最新发布
学习笔记分享给大家
07-16 239
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
javascript的高级用法(循环实现数组map方法)
阿乐的博客
07-13 508
值得一提的是，map的第二个参数就是第一个参数回调中的这个点。如果第一个参数是箭头函数，则设置第二个 this 将无效，因为箭头函数的词法绑定。另一个是稀疏数组的处理，HasOwnProperty 用于判断当前下标的元素是否存在于数组中，欢迎大家在评论区交流。使用方法：将selfMap注入到Array.prototype中（下面数组的迭代方法也是如此）
doubleselect标签代码
09-28
doubleselect标签是一种用于在网页上实现多级联动选择的HTML标签。它主要用于在下拉菜单中根据用户的选择来动态显示相关选项。 doubleselect标签的使用非常简单。首先，需要在HTML页面中引入相应的脚本库。然后，在合适的位置使用doubleselect标签进行声明。 例如，下面是一个简单的doubleselect标签的代码示例： ``` <select id="firstSelect" name="firstSelect"> <option value="">请选择</option> <option value="option1">选项1</option> <option value="option2">选项2</option> </select> <select id="secondSelect" name="secondSelect"> <option value="">请选择</option> </select> <script type="text/javascript"> new doubleselect("firstSelect", "secondSelect", { "option1": ["子选项1", "子选项2"], "option2": ["子选项3", "子选项4"] }); </script> ``` 上面的代码中，首先我们定义了两个select标签，分别对应第一级和第二级的选择。然后，通过脚本部分的代码进行了doubleselect的初始化。初始化时需要传入两个select标签的id，以及一个对象，该对象中包含了选项的关系。根据选中的第一级选项，第二级的选项会动态更新。 在实际使用中，我们可以根据具体需求进行扩展和定制，例如可以添加更多级的选择，或者在选择过程中执行一些特定操作。 总的来说，doubleselect标签是一个非常有用的HTML标签，能够帮助我们实现动态联动选择功能，提升用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值