📄 html-select.jsp

📁 Spring +Web 的完整 MyEclipse 项目源码,使用者可以作为入门材料可以在此基础上深入学习

💻 JSP

字号:

<%@ page contentType="text/html;charset=GB2312" import="java.util.*"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<html>
<head>
<html:base/>
<title>&lt;html:select&gt;</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="white">

<h1>&lt;html:select&gt;</h1>

<p>&lt;html:select&gt;用来在网页上产生选择列表。通常它与&lt;html:option&gt;等选项标记连用。示例代码如下：</p>
<font class="CodeStyle">
&lt;html:select property="testString" size="1"&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;html:option value="value1"&gt;Show Value1&lt;/html:option&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;html:option value="value2"&gt;Show Value2&lt;/html:option&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;html:option value="value3"&gt;Show Value3&lt;/html:option&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt:html:submit property="submit" value="提交"/&gt;
&lt;/html:select&gt;<br>
</font>

<p>其中，property表示该选择列表与ActionForm中对应的属性名。当用户点击提交后，会在测试页面看到用户所选中的
选项的值。以下是代码的运行效果：</p>
<html:form action="/test.do">
<html:select property="testString" size="1">
	<html:option value="value1">Show Value1</html:option>
	<html:option value="value2">Show Value2</html:option>
	<html:option value="value3">Show Value3</html:option>
</html:select>
<html:submit property="submit" value="提交"/>
</html:form>

<p>&lt;html:select&gt;有一个size属性，它表示同时显示的选项的数目，如上例中的size为1，则只同时显示一个选项。
还有一个multiple属性，当其为true时，该选择列表就允许多选。用户可以通过鼠标的拖动，或是按住Ctrl键进行多选。</p>

<p>以下是multiple="true"和size="8"例子</p>

<html:form action="/test.do">
<html:select property="testStringArray" multiple="true" size="8">
	<html:option value="value1">value1</html:option>
	<html:option value="value2">value2</html:option>
	<html:option value="value3">value3</html:option>
	<html:option value="value4">value4</html:option>
	<html:option value="value5">value5</html:option>
	<html:option value="value6">value6</html:option>
	<html:option value="value7">value7</html:option>
	<html:option value="value8">value8</html:option>
	<html:option value="value9">value9</html:option>
	<html:option value="value10">value10</html:option>
</html:select>
</html:form>

<p>当multiple属性为true时，在ActionForm中对应的属性应是一个数组类型以便同时向其赋上用户选中的多个值。</p>

<p>

<a href="index.jsp">返回主页面</a>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -