来自上一页的Javascript变量在表单中使用

时间:2015-06-29 22:56:57

标签: javascript html

假设我有一个小小的表单,我们将其称为第1页,将结果发送到第2页。这按预期工作。我回应变量,我能够看到它们。

现在我想要做的或者我想要做的是获取这些变量并用第1页中填写的数据填写REAL / actual表格。

我无法弄明白该怎么做。这就是我所拥有的,是的,它是不正确的,因为它不起作用。

<script type="text/javascript">
    var firstname = <?php echo $_POST['MSM_firstname'] ?>;
    if (firstname == "") {var data-pht="First Name"; var valueFN="First Name";}
    else {var data-pht=firstname; var valueFN=firstname;}
    MSM_lastname = <?php echo $_POST['MSM_lastname'] ?>;
</script>

这是我要填写的表格的第一个名称。如果我能弄明白,那么其他一切都是一样的。

<label>First Name (required)</label>
<input id="MSM_firstname" type="text" name="MSM_firstname" class="required" size="50" onClick="this.value='';" onFocus="this.select()" onBlur="this.value=!this.value?'First Name':this.value;" value=valueFN data-placeholdertext=data-pht />

我还希望this.value?'First Name'成为第1页的数据;我不确定如何将其作为变量。

1 个答案:

答案 0 :(得分:0)

我有点不清楚你想做什么,但我相信这5个脚本体现了你所描述的内容。棘手的一点,在DemPg2.php中, php变量可供JavaScript使用,WHILE DemPg2.php正在制造可以这么说。然后,onload可以使用名称和我们 可以将JavaScript应用样式添加到input元素。如果我误解了你的问题,请告诉我。另一方面,如果这对您有用,请询问您不理解的任何部分,以及它的工作原理。

<!doctype html>
<?php
$Label = "First Name";
?>
<Title>TinyDemo1</title>
<head>
<link rel="stylesheet" type="text/css" href="DemCSS.css"/>
</head>
<body id="BodyPg1">
<div id="AForm">
<label id="ThaLabel"><?php echo ($Label." (required)");?></label>
<form id="SendPreFilledData" action="DemPg2.php" method="post" name="PreFilled">
    <input id="ForTransfer" spellcheck="false" name="SomeName" tabindex="12" maxlength="43" />
    <button id="SendUserData" type="submit">Send It</button>
</form>
</div><!-- AForm -->
</body>
</html>


/*
DemCSS.css
*/
#BodyPg1{background-color: black;
    color:white;font-style:italic;height:
    auto;overflow: visible;}
#AForm{position:absolute;top:11%;left:8%;
width:29%;height:23%;
background-color:#332334;
border:2px solid red;}
#ThaLabel{position:absolute;top:5%;
left:12%;width:80%;height:19%;
background-color:gray;text-align:center;
padding-left:5px;font-size:14px;color:black;}
#ForTransfer{position:absolute;top:29%;left:12%;
width:60%;height:25%;}
#SendUserData{position:absolute;top:75%;left:72%;
width:20%;height:18%;text-align:center;
padding-left:5px;font-size:14px;color:navy;}

/*
DemPg2.php
*/
<!doctype html>
<?php
//  STEP 1.  Catch POST(s) from :: DemPg1.php
$WormholeNET=$_POST["SomeName"];
$Label = "First Name";
?>
<script type="text/javascript">
      var MakeVariableVisibleToJavaScriptOnPageLOAD = <?php echo $WormholeNET; ?>;
</script>
<Title>TinyDemo2</title>
<head>
<script type="text/javascript" src="DemJS.js"></script>
<link rel="stylesheet" type="text/css" href="Dem2CSS.css"/>
</head>
<body id="BodyPg1">
<div id="AForm">
<label id="ThaLabel"><?php echo ($Label." (required)");?></label>
<form id="SendPreFilledData" action="DemPg2.php" method="post" name="PreFilled">
<input id="ForTransfer" spellcheck="false" cols="20" rows="1" tabindex="1" value="<?php echo $WormholeNET;?>" />
    <button id="SendUserData" type="submit">Send It</button>
</form>
</div><!-- AForm -->
</body>
</html>

/*
Dem2CSS.css
*/
#BodyPg1 {background-color:black;color:white;
    font-style:italic;height:auto;overflow:visible;}
#AForm{position:absolute;top:11%;left:8%;
width:29%;height:23%;background-color:#332334;
border:2px solid red;}
#ThaLabel{position:absolute;top:5%;left:12%;
width:80%;height:19%;background-color:gray;
text-align:center;padding-left:5px;
font-size:14px;color:black;}
#ForTransfer{position:absolute;top:29%;
left:12%;width:60%;height:25%;font-size:19px;
font-weight:bold;font-style:normal;color:red;}
#SendUserData{position:absolute;top:75%;left:72%;
width:20%;height:18%;text-align:center;
padding-left:5px;font-size:14px;color:navy;}


/*
DemJS.js
*/
window.onload=function(){
//  This covers Initial Outgoing OnPageLoad
if (typeof MakeVariableVisibleToJavaScriptOnPageLOAD !== 'undefined') {
        var FillInName = MakeVariableVisibleToJavaScriptOnPageLOAD;
}
FillFormAforhand(FillInName);
}
function FillFormAforhand(FillInName){
var GrabElem;
GrabElem = document.getElementById("ForTransfer");
GrabElem.innerHTML = FillInName;
GrabElem.style = "font-size:19px;font-weight:bold;font-style:normal;color:red;";
}

最后,到问题的最后一点,您可以使用隐藏的输入 转移$ Label中包含的名字,用于DemPg2.php。

干杯!