在JSP中没有表单，怎么用按钮（button）将数据提交给某个url，请教这个JS方法怎么写？

Posted 2023-04-19

楼上两位的做法都是对的，我来给你解释一下楼上两位哥哥的做法：
一楼的是通过js获取到每一个值，然后通过url传递参数的方法把所有的参数一个个传到后台去。这样子做如果属性参数多的话，就写的比较多。不过方法可行。
二楼的做法是通过js动态给表单初始化method和action地址。但是他这种做法，我看你题目的要求是没有form表单的，虽然他的方法是对的，但是针对你这个题目是不可能实现的。因为你根本就没有form1这个所以他这种做法是达不到你上面题目的要求。但是这位哥哥的想法是好的。你只需要给你的jsp增加一个form表单，然后id和name都取名为form1就行了。这样子是表单的提交。跟一楼的哥哥做法是不一致的。希望楼主能明白我的意思。望采纳。谢谢~~~不懂的问题可以继续问我。 参考技术A 可以在JS中取到每一个参数 然后把每一个参数传到url中
例如
var url = "/eee/rrr/oo.jsp"
var a = document.getElementById("a");
var b = document.getElementById("b");
window.location.href=url+"?a="+a+"&b="+b;

这样比较麻烦 简单的就是页面设置表单 js中一样可以提交本回答被提问者采纳 参考技术B function formSubmit()
document.form1.method="post";
var url ="<%=request.getContextPath()%>/hrt/chartSichuan.do?method=recordList";
document.form1.action= url;
document.form1.submit();

按钮和表单之间没有换行符

【中文标题】按钮和表单之间没有换行符

【英文标题】：no line break between button and form

【发布时间】：2012-02-25 09:29:34

【问题描述】：

如何在同一行中获取按钮和表单元素而不发生换行？ 非常感谢！

  <button>ask question</button>
<form action="/search" method="get">
    <input type="text" name="q" value="SearchQuery"/>
    <input type="submit" value="Search"/>
    </form>

【参考方案1】：

在您的表单上使用此 CSS 样式：style="display: inline;"。

<form action="/search" method="get" style="display: inline;">

这是demo on JSBin。

【参考方案2】：

您可以将按钮设为浮动：

<button style="float: left;">ask question</button>

【讨论】：

这也适用于表单，而接受的答案不起作用。

【参考方案3】：

<button> 和 <form> 都是块级元素。您需要使它们与 CSS display: inline 内联。不确定这是否是您的意思。这也取决于您更广泛的 HTML。

【参考方案4】：

输入字段是块级元素。您可以更改 CSS 中的显示规则：

input  display: inline; 

【参考方案5】：

你可以浮动：离开按钮和表单

【参考方案6】：

用于在输入框后添加新行，然后在您的 css 文件中添加 add -> input display: block;