时间戳

首页 > 解决方案 > 填充同一文档中的 FORM 字段的可点击链接（但具有多个 FORM）

javascript - 填充同一文档中的 FORM 字段的可点击链接（但具有多个 FORM）

问题描述

我正在生成一个包含多个表格的长报告。我希望能够在表单本身中包含可以预填充选择表单字段的链接。而且还支持多种FORMS。

  (html brackets removed)

   FORM id="form1" METHOD="POST" ACTION="..."   INPUT NAME="date1" SIZE="10" INPUT type="submit" value="Post" /FORM

.. data and links like
2010-01-01
2010-03-04
.. etc

 FORM id="form2" METHOD="POST" ACTION="..."  INPUT NAME="date1" SIZE="10" INPUT type="submit" value="Post" /FORM

.. data and links like
2010-01-01
2010-03-04
.. etc

我想添加一些 Javascript/html 以便可以单击日期链接，如果单击，它们将使用单击的日期填充名为“date1”的上部 FORM 字段。

这个想法是您单击一个或多个日期并可以提交多个表单中的每一个。我对 Javascript 还很陌生，需要确切地知道在哪里添加哪些代码才能使其工作？

我知道还有其他一些关于填写表单的链接的帖子，但没有关于使用多个表单 ID 并想知道是否有更有效的方法和方法？

标签： javascripthtml

解决方案

我在 Fiverr 上找到了可以解决这个问题的人，付钱给他们，还不如分享..

这是示例代码和解决方案：


<html>
<head>
<title>Simple JS Request</title>
<script type="text/javascript">
function jsRequest(formID, dataValue, inputField) {
document.forms[formID][inputField].value = dataValue;
}
</script>
</head>
<body>
<form id="form1" action="xx" method="POST">
<input size="10" name="date1" value=""/>
<input size="10" name="date2" value=""/>
<input type="submit" value="go"/>
</form>
<br>
<a onclick="jsRequest('form1', '2010-01-01', 'date1')" style="cursor: pointer;">2010-01-01</a>
<br>
<a onclick="jsRequest('form1', '2010-02-01', 'date2')" style="cursor: pointer;">2010-02-01</a>
<br>
<br>
<br>
<br>
<br>
<br>
<form id="form2" action="xx" method="POST">
<input size="10" name="date1" value=""/>
<input size="10" name="date2" value=""/>
<input type="submit" value="go"/>
</form>
<br>
<a onclick="jsRequest('form2', '2010-01-01', 'date1')" style="cursor: pointer;">2010-01-01</a>
<br>
<a onclick="jsRequest('form2', '2010-02-01', 'date2')" style="cursor: pointer;">2010-02-01</a>
</body>
</html>

推荐阅读