html:select标签示例

最新推荐文章于 2023-10-31 22:10:07 发布
最新推荐文章于 2023-10-31 22:10:07 发布
阅读量242 收藏
点赞数
分类专栏： Struts 文章标签： HTML Struts Bean Apache
需要注意的是：与select标记不同的是默认值不是在option中用selected来进行标志，而是在<html:select value="">通过value来进行标志。multiple用来设置是否允许多选，size来设置显示个数。贴一下代码吧。 

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page import="org.apache.struts.util.LabelValueBean"%>
<%@ page import="java.util.List"%>
<%@ page import="java.util.ArrayList"%>
<%@ page import="com.mj.entity.Colors"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<html:html>
<head>
	<title><bean:message key="TestSelect1.title"/></title>
</head>
<body>
	<html:form action="/select1.action" method="post">
		<table>
			<tr>
				<td>
					<bean:message key="TestSelect1.username"/>
				</td>
				<td>
					<html:text property="username"/>
				</td>
			</tr>
			<tr>
				<td>
					<bean:message key="TestSelect1.likes"/>
				</td>
				<td>
					<!-- value用来设置默认值，multiple用来设置可以多选 -->
					<html:select property="likes1" value="2" multiple="multiple">
						<html:option value="0"><bean:message key="TestSelect1.eat"/></html:option>
						<html:option value="1"><bean:message key="TestSelect1.drink"/></html:option>
						<html:option value="2"><bean:message key="TestSelect1.play"/></html:option>	
					</html:select>
				</td>
			</tr>
			<tr>
				<td>
					颜色喜好1：
				</td>
				<%
				List list=new ArrayList();
				list.add(new LabelValueBean("红色","0"));
				list.add(new LabelValueBean("黄色","1"));
				list.add(new LabelValueBean("绿色","2"));
				session.setAttribute("list",list);
				 %>
				<td>
					<!-- 测试以下Struts提供的LabelValueBean -->
					<html:select property="likes2" multiple="multiple" size="2" value="2">
						<html:options collection="list" labelProperty="label" property="value"/>
					</html:select>
				</td>
			</tr>
			<tr>
				<td>
					颜色喜好2：
				</td>
				<%
				List list1=new ArrayList();
				list1.add(new Colors("大黄色","0"));
				list1.add(new Colors("中黄色","1"));
				list1.add(new Colors("小黄色","2"));
				session.setAttribute("list1",list1);
				 %>
				<td>
					<!-- 测试以下Struts提供的LabelValueBean -->
					<html:select property="likes3" multiple="multiple" size="2" value="2">
						<html:options collection="list1" labelProperty="labelValue" property="value"/>
					</html:select>
				</td>
			</tr>
			<tr>
				<td>
					颜色喜好3：
				</td>
				<%
				List list3=new ArrayList();
				list3.add(new LabelValueBean("3红色","0"));
				list3.add(new LabelValueBean("3黄色","1"));
				list3.add(new LabelValueBean("3绿色","2"));
				session.setAttribute("list3",list3);
				 %>
				<td>
					<!-- 测试以下Struts提供的LabelValueBean -->
					<html:select property="likes3" multiple="multiple" size="2" value="2">
						<html:optionsCollection name="list3" label="label" value="value"/>
					</html:select>
				</td>
			</tr>
			<tr>
				<td>
					颜色喜好4：
				</td>
				<%
				List list4=new ArrayList();
				list4.add(new Colors("4大黄色","0"));
				list4.add(new Colors("4中黄色","1"));
				list4.add(new Colors("4小黄色","2"));
				session.setAttribute("list4",list4);
				 %>
				<td>
					<!-- 测试以下Struts提供的LabelValueBean -->
					<html:select property="likes4" multiple="multiple" size="2" value="2">
						<html:optionsCollection name="list4" label="labelValue" value="value"/>
					</html:select>
				</td>
			</tr>
			<tr>
				<td>
					<html:submit><bean:message key="TestSelect1.submit"/></html:submit>
				</td>
				<td>
					<html:reset><bean:message key="TestSelect1.reset"/></html:reset>
				</td>
			</tr>
		</table>
	</html:form>
</body>
</html:html>

另外需要注意的是：LabelValueBean是struts提供的一个存放元素的bean,我们完全可以实现自己的javabean来进行显示。
wmg494005678
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML中select标签单选多选用法详解
09-28
select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，下面以示例的方式为大家介绍下其具体的用法
html页面select怎么用,HTML中的select标签如何使用
weixin_35012177的博客
06-07 3527
HTML中select标签可以在表单上的项目中创建公共选择框，本篇文章就来给大家具体介绍一下select标签的用法。我们首先来看一下什么是select标签？select标签是用于创建选择框的标签。当你希望用户从下拉菜单项中进行选择时可以使用select标签。你可以将select标签用作表单的一部分，也可以使用JavaScript获取所选项的值。如何使用select标签？要使用select标签，可以...
HTML中Select的使用详解
热门推荐
xiangsuixinsheng的专栏
11-08 12万+
//oSelect 列表的底部添加了一个新选项 function onload(){ var oOption = document.createElement("OPTION"); oOption.text="Ferrari"; oOption.value="4"; oSelect.add(oOption); } function fnChange(){ oData.value+=
HTML5： select标签
Hr_ving的博客
10-05 5307
HTML5： select标签 select标签作为一个HTML的双标签，存在两个常用的属性 name属性： 表示select标签的名字 id属性： 表示select标签的id，也可以作为label 标签链接的组件 用法为： ​ 其选择项option标签中的value值表示的是select标签选中后的value值，option标签中的内容表示显示 的内容 ​ select标签初始值为默认选中第一项 <select name="color"> <option value
HTML select 用法及常用事件
sout-lanys
07-03 2680
用于记录开发中常用到的，快捷开发后续用到的我会继续写进去，如果有大佬遇到其他常用的，欢迎评论。
超详细的HTML <select> 标签用法及技巧介绍
lucky123star的博客
07-31 5270
https://www.w3cschool.cn/htmltags/tag-select.html HTML 标签定义及使用说明 元素用来创建下拉列表。 元素中的  标签定义了列表中的可用选项。 select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 表单数据提
js简单实现HTML标签Select联动带跳转
10-26
Select联动带跳转的效果想必大家并不陌生吧，下面有个不错的示例，感兴趣的朋友可以参考下
jquery 实现两Select 标签项互调示例代码
12-12
html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta ...
JS对HTML标签select的获取、添加、删除操作
10-26
HTML标签中的select在使用过程中很频繁，在本文将为大家介绍下使用js是如何操作的，下面有个不错的示例，感兴趣的朋友不要错过
HTML非常用标签 optgroup、sub、sup和bdo示例代码
01-19
optgroup 用在select 标记中 可以使下拉列表内容更加有条理 复制代码代码如下:<select>”aaa”>分清是非</option><option>分清是非</option><option>分清是非</option></optgroup>”bbb”>分清是非</option>...
js实现HTML中Select二级联动的实例
11-28
效果图 选择后 js代码 [removed] //定义 费用科目 数据数组 fylxArray = new Array(); fylxArray[0] = new Array("",""); fylxArray[1] = new Array("汽车费用","汽油费|过路费|修理费"); fylxArray[2] = new Array("房屋租赁费","分公司及办事处房租|宿舍房租|项目房租"); fylxArray[3] = new Array("差旅费用","餐费|住宿费|
css做select样式
04-12
css做select样式
HTML中下拉框的简单介绍＜Select＞＜option＞
yangxin_blog的专栏
10-23 11万+
下拉框在生活中应用很广
HTML5 ＜select＞ 标签
thgj0006的博客
05-01 1983
select> 元素用来创建下拉列表。 元素中的标签定义了列表中的可用选项。
html页面select怎么用,HTML在Select具体的使用说明
weixin_35778603的博客
06-03 1187
CalicoTortieSiameseBMWPorscheMercedes宝马保时捷大奔附：一些Select的技巧1.动态创建selectfunction createSelect(){var mySelect = document.createElement("select");mySelect.id = "mySelect";document.body.appendChild(mySelect...
HTML + CSS 连载 | 36 - select 下拉列表
最新发布
JingnanJia的博客
10-31 4016
下拉列表也是一种选择类型的元素，下拉列表可以节省网页的空间，默认状态下只显示一个选项，只有在点击下拉按钮的时候才会显示多个选项，比如下面这里选择地址的时候就是使用的下拉列表。可以将整个表单作为一个整体来进行操作；比如对整个表单的数据进行。默认只能选择其中一个选项，但是我们可以通过设置布尔属性。可以看到默认已经显示了两个选项，当然我们也可以通过。元素可以创建一个下拉列表，而下拉列表的选项则由。当然我们想要对表单进行重置或者提交还需要添加添加。使用 LiverServer 打开，可以看到。
有关在html中修改select标签的option selected默认选中属性实现
pinyinshang的博客
04-12 9万+
着急想要解决办法的朋友可以直接看最后的内容：}一般我们使用select标签时大概都会使用到option标签来填充下拉框中的内容只有几个固定的内容写死在页面还好，可能是这样的： &lt;select name="type"type="text"&gt; &lt;option velue= ""&gt;type&lt;/opt...
HTML前端知识分享—select 元素创建或多选菜单解析
yunduanaoligei的博客
02-17 1919
今天分享下”HTML前端知识分享—select 元素创建或多选菜单解析“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 select 元素可以创建单选菜单或多选菜单。当提交表单时，浏览器将提交选定的项目，或收集多个用逗号分隔的选项，合成单独的参数列表，并在向服务器提交表单数据时包括 name 属性。 一、基本用法： 代码如下: <select> <option value ="volvo">
HTML ＜select＞ 标签
玄链教育
08-07 1712
select 元素可创建单选或多选菜单。 元素中的标签用于定义列表中的可用选项。
html select标签
07-21
下面是一个基本的 `<select>` 标签的示例： ```html <select> 选项1 选项2 选项3 </select> ``` 上述代码创建了一个包含三个选项的下拉选择框。每个 `<option>` 标签定义了一个选择项，`value` 属性表示该选项...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值