从查询字符串中检索值并将其以隐藏值的形式发送 - javascript答案

【问题标题】：Retrieve value from query string and send it in a form as HIDDEN VALUE - javascript从查询字符串中检索值并将其以隐藏值的形式发送 - javascript
【发布时间】：2018-07-06 10:27:06
【问题描述】：

我正试图弄清楚如何从 HTML 发布到另一个页面，同时，在发送表单本身之前，在隐藏表单中插入值。

<html>

    <head>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=UTF-8">
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE"> 
<META HTTP-EQUIV="EXPIRES" CONTENT="-1">
    
    
<script>

var param1var = getQueryVariable("TARGET");

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      alert("TARGET FOUND!");
        alert(pair[1]);
        return pair[1];
    
    }
  } 
    

  alert('Query Variable ' + variable + ' not found');
}    
    
</script>    
    </head>
    
    
<form name="LOGIN" action="/mynextpage/mypage.html" method="post">
			   <table>
					   <tr>
							   <td><P><span>Username :</span></P></td>
							   <td><P><input name="USER" type="text" value="" style="width:150px" /></P></td>
					   </tr>
					   <tr>
							   <td><P><span>Password :</span></P></td>
							   <td><P><input name="PASSWORD" type="password" value="" style="width:150px" /></P></td>
					   </tr>
			   </table>
			   </div>
                    <INPUT type=HIDDEN name="TARGET" value=param1var
				
				<P>
					<input name="submit" type="submit" value="Login" />
					<input name="Reset" type="reset" />
				</P>
			</div>
		</form>

javascript 代码的第一部分能够捕获我需要使用的 TARGET 值：它存在（我称之为 param1var）并且我能够发出警报以进行确认。

现在，在表格中，我需要： - 在输入中插入隐藏上述代码检索到的值（因此，param1var 值） - 将整个 for 发布到页面 /mynextpage/mypage.html 将获取用户名、密码和隐藏值

你能帮助我如何实现它吗？我只能使用 html 页面作为第一页。

谢谢

【问题讨论】：

标签： javascript forms post hidden-field

【解决方案1】：

document.querySelector('.target').value=param1var; 同时你的隐藏输入放了类目标

【讨论】：