本文介绍了如何在HTML和JSP页面间传递值，包括多选和单选选项的值传递。通过JavaScript函数实现当用户选择多选或单选按钮时，将所选值实时显示在文本框中。示例代码详细展示了多选框通过`<select>`元素和单选按钮通过`<input type='radio'>`元素的实现方式。
这可能不是我自己的原创，是我们老师给我讲的，然后自己整理了一下！
jsp/html获取本页面的值
1.多选传值
<!DOCTYPE HTML>
<HTML>
<head>
<meta charset="GBK">
<title>多选并在文本框中显示出来</title>
<script type="text/javascript">
function ye(){
for(var a=0;a<document.myform.xz.size;a++){
if(document.myform.xz[a].selected){
//文本框的内容，选中的选项内容，用+作为连接符，""表示一个空格
document.myform.xx.value+=document.myform.xz[a].value+" ";
}
}
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="xx" value="" dir="rtl"/>
<br>
<select name="xz" multiple="multiple" size="6" onchange="ye()">
<option value="音乐">音乐</option>
<option value="跳舞">跳舞</option>
<option value="画画">画画</option>
<option value="吉他">吉他</option>
<option value="画画">画画</option>
<option value="吉他">吉他</option>
</select>
</form>
</body>
</HTML>
2单选传值
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="cs" %>
<%@taglib prefix="x" uri="xs" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function fu() {
document.danxuan.asd.value=document.danxuan.nam.value;
}
</script>
</head>
<body>
<form action="" method="get" name="danxuan" >
单选:
<input type="radio" name="nam" value="男神1" onclick="fu()"/>男神1
<input type="radio" name="nam" value="男神2" onclick="fu()"/>男神2
<input type="radio" name="nam" value="男神3" onclick="fu()"/>男神3
<input type="radio" name="nam" value="男神4" onclick="fu()"/>男神4
输入框中的选择:
<input type="text" name="asd" value="正在选择"/>
<!--如果打印在h1标签内，要定义变量,并且还要提交，这就算是跳转本页面获取值
<%
String a=request.getParameter("asd");
%>
<h1><%=a%></h1>
<input type="submit" value="提交" />
-->
</form>
</body>
</html>
扫一扫
3284
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
