form表单中用name属性传值

最新推荐文章于 2022-07-12 01:02:52 发布
最新推荐文章于 2022-07-12 01:02:52 发布
阅读量1.1k 收藏 1
点赞数
文章标签： javascript 前端 java ViewUI
原文链接：https://my.oschina.net/chenxiaoxiao/blog/718511
版权

    pageEncoding="UTF-8"%>
<!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>获取参数</title>
</head>
<%
String paramByRequest = request.getParameter("test");
String selectTest = request.getParameter("selectTest");
out.print("获取参数:"+paramByRequest);
out.print("获取参数:"+selectTest);
%>
<body>
<form action="">
<input name="test" value=""/>
<select name="selectTest">
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
</select>
<button type="submit" >提交</button>
</form>
</body>
</html>

当点击提交按钮的时候,form 表单提交本页面，通过name=“test” 的标签来传递其name=“test” 对应的value值;下拉列表中通过name=selectTest的传值。也可将action="" 跳转到另一个页面进行表单提交。


有点时候需要用Jquery传值

A.jsp=================

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>获取参数</title>
</head>
<body>
<form action="">
<input name="test" value=""/>
<select name="selectTest">
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
</select>
<div id="iii">测试</div>
</form>
<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script type="text/javascript">
$(function(){
$("#iii").click(function click1(){
var testBy = $("[name=test]").val(); 
var selectTest = $("[name=selectTest]").val(); 
var src="index9.jsp?";
src += "T1="+testBy+"&T2="+selectTest;
window.location.href = src;
});
});
</script>
</body>
</html>

点击事件跳转到的index9.jsp================

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>
</head>
<body>
<%
String paramByRequest = request.getParameter("T1");
String selectTest = request.getParameter("T2");
out.print("获取参数1:"+paramByRequest);
out.print("获取参数2:"+selectTest);
%>
</body>
</html>

============以上是简单的input和下拉列表获取值



转载于:https://my.oschina.net/chenxiaoxiao/blog/718511

chengmouyu7082
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Visual Studio 2015完成表单的自动提交方式
weixin_57726512的博客
06-18 681
今天我们将使用Visual Studio 2015来完成一个表单提交，同时我们还需要使用到bootstrap和jQuery插件。 首先布局页面我们在一个div标签中嵌套一个form标签，form标签嵌套四个div标签。 第一个div标签中包含有label标签和一个input标签，label标签中的是“姓名”input标签则是用来接收传入的数据的 ...
jQuery根据input的name属性进行赋值操作 jq对input赋值
qq_51055690的博客
11-12 4621
最近在搞一个用layui+jq写的纯html项目，有点小难受，没学过jq和layui，在此记录一下。根据input的name属性进行赋值 , 如果name是id。则js里面的name=‘id’
form表单中name的作用
weixin_44766633的博客
09-11 5000
name 属性规定 input 元素的名称。 ①name 属性用于对提交到服务器后的du表单数据进zhi行标识 ②或者在客户端通过dao JavaScript 引用表单数据。 注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。 简单的说就是你在前端页面想使用form表单传递值的时候，必须要把name的值写成你传递的变量的名称一样。不然不能传参 eg: <form action="http://192.168.3.196:7001/upload" method="post"
jquery给form表单中各种元素赋值和获取
hechenhongbo的博客
12-19 4443
1.给input框赋值 var _form = $('#addflow'); _form.find('input[name="id"]').val(_id); 2.给redio 单选赋值 var _type = _item.find('.re-type').val(); _form.find('input[name="type"][value="'+_type+'"]').attr('c...
jQuery表单插件ajaxForm实例详解
11-29
**jQuery表单插件ajaxForm** 是一个非常实用的工具，尤其在前端开发中处理表单提交和文件上传时，能极大地提升用户体验。通过使用ajaxForm，你可以实现无刷新页面的表单提交，使得交互更加流畅。以下是关于ajaxForm...
提交表单后 PHP获取提交内容的实现方法
10-22
在HTML中，表单元素如`<input>`、`<textarea>`、`<select>`等，当用户填写信息后，可以通过`<form>`标签的`action`属性指定的PHP文件进行处理。表单提交有两种方式：GET和POST。GET方式将表单数据附加到URL后面，而...
vue axios 表单提交上传图片的实例
01-19
项目中用的element 的框架，然后在项目有一个添加数据需求是图片可上传，也可不上传， 然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的，但接口写的是有file的 multipart/form-data 接收模式 ...
Spring Boot 2 Thymeleaf服务器端表单验证实现详解
08-25
JSR 303 规范是 Java 中用于数据验证的规范。该规范定义了一些注解，如 @NotBlank、@Length、@Size 等，这些注解可以用来验证数据的格式和内容。Hibernate Validator 是 JSR 303 规范的实现，它提供了一些验证器，...
java通过模拟post方式提交表单实现图片上传功能实例
09-03
<form action="up_result.jsp" method="post" enctype="multipart/form-data" name="form1" id="form1"> <input type="text" name="name" value="" /> <input type="file" name="userfile" /> 上传" />...
js获取form表单中name属性的值
10-17
今天小编就为大家分享一篇关于js获取form表单中name属性的值，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
form表单提交时，action怎么带参数
热门推荐
博客
01-24 6万+
在提交form表单的时候，action 不填就默认为提交到当前的页面。今天遇到的当前页面是已经带了参数了，比如:www.xxx.com/index.php?id=1，按照action留空的方法来提交，就不能提交到这个带参数的url了，也不能到把表单中的直拼接在uri后面。那怎么办呢，可以用js的方法拼接好在submit body> form action="ss.do?" method
jquery 通过name名称获取当前name的value值
小白
12-19 3134
$("*[name='name']").val(); //获取vlaue值 $("*[name='name']").attr('id','name'); //添加id名称 $("*[name='name']").after('hello world'); //在当前外添加元素
jquery通过name，id名称获取当前value值
weixin_30954607的博客
05-07 2764
name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值 $("input:text").attr("name");$("input:text").prop("name");//也可以使用prop()方法获取属性$("*[name='name']").val(); //获取vlaue值 $("*[name='name']").attr('id',...
form表单、修改
weixin_44542048的博客
05-07 4703
一、form表单 form表单有两个属性：action这是提交的地址，有绝对的和相对两种url，method提交表单的方式，提交的方式有两种get和post，form表单提交默认方式是get与 post相比，get更简单也更快，get提交时参数直接暴露在URL上，所以安全性较低，url受长度限制发送大量数据时也不能使用，post是将表单中的数据放在form的数据体中，按照变量和值对象的方式，传递到...
form标签的name属性
weixin_54217534的博客
07-12 1718
表单中的 input 标签必须设置 name 属性，否则在提交表单时，用户在其中输入的数据不会被发送给服务器 结果如下: 说明:后面是?从路由来看后面是query参数，但现在后面为空，则是因为input中没有加name的原因 结果如下:总结:在form表单中，input中必须加name属性，则input输入的值才会被传递到参数中去...
表单FORM的5个属性name,method,action,enctype,target
记录一下学习笔记Java,PHP,SQL,HTML,Javascript
09-26 2万+
个人感觉FORM是HTML中非常有用的知识之一！ HTML表单是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提交的有关信息。 表单和表单域并不具有排版能力，表单网页的制作最终还是要由表格组织起来。 表单的主要功能是收集信息，一般的表单由两部分组成，一是描
获取form表单的有name属性的value值
ChenYaJie
05-13 7083
var model = {}; var x = $(“form”).serializeArray(); // var czr_seria = {}; $.each(x, function (i, field) { //czr_seria += field.name + “:” + field.value + “,”; model[field.name] = field.value; }); ...
uniapp中用form表单上传音频文件
最新发布
03-25
A：在uniapp中，可以使用uni.uploadFile接口上传音频文件，不需要使用form表单。以下是代码示例： ``` uni.uploadFile({ url: 'http://example.com/upload', filePath: '/path/to/audiofile', name: 'audio', success: function (res) { console.log('上传成功'); }, fail: function (res) { console.log('上传失败'); } }); ``` 其中，url为上传文件的接口地址，filePath为需要上传的文件路径，name为服务器接收文件的字段名。成功和失败的回调函数可以根据具体需求进行编写。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值