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

时间:2018-07-06 10:27:07

标签: javascript forms post hidden-field

我试图弄清楚如何从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值) -将整个页面发布到/mynextpage/mypage.html页面,该页面将使用用户名,密码和隐藏值

您能帮我实现它吗? 我只能将html页面用作首页。

谢谢

1 个答案:

答案 0 :(得分:-1)

document.querySelector('。target')。value = param1var; 同时您隐藏的输入将类目标