上一页中要在表单中使用的Javascript变量_Javascript_Html

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

javascript html

上一页中要在表单中使用的Javascript变量,javascript,html,Javascript,Html,假设我有一个小表单，我们称之为第1页，它在提交时将结果发送到第2页。这正如预期的那样有效。我回显变量，并且能够看到它们现在我想做的，或者我正在尝试做的，就是把这些变量，用它们在第1页上填写的数据填写在实/实表格中我想不出怎么做。这就是我所拥有的，是的，这是不正确的，因为它不起作用 <script type="text/javascript"> var firstname = <?php echo $_POST['MSM_firstname'] ?>;

假设我有一个小表单，我们称之为第1页，它在提交时将结果发送到第2页。这正如预期的那样有效。我回显变量，并且能够看到它们

现在我想做的，或者我正在尝试做的，就是把这些变量，用它们在第1页上填写的数据填写在实/实表格中

我想不出怎么做。这就是我所拥有的，是的，这是不正确的，因为它不起作用

<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>


var firstname=；
如果（firstname==“”）{var data pht=“First Name”var valueFN=“First Name”}
else{var data pht=firstname；var valueFN=firstname；}
MSM_lastname=；

这是我要填写的表格的名字。如果我能弄明白这一点，那么其他一切都是一样的

<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页的数据；作为一个变量，我也不知道如何做到这一点。

我不太清楚您希望做什么，但我相信这5个小脚本体现了您所描述的内容。棘手的一点是在DemPg2.php中，其中php变量可用于JavaScript，而DemPg2.php可以说是制造的。然后，onload可以使用名称和可以将JavaScript样式应用于输入元素。如果我误解了你的问题，请告诉我。另一方面，如果这对你有效，询问你不了解的部分，以及为什么有效

<!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;";
}


丁胺醇
发送它
/*
devcss.css
*/
#BodyPg1{背景色：黑色；
颜色：白色；字体样式：斜体；高度：
自动；溢出：可见；}
#形状{位置：绝对；顶部：11%；左侧：8%；
宽度：29%；高度：23%；
背景色：#332334；
边框：2px纯红；}
#丘脑{位置：绝对；顶部：5%；
左：12%；宽：80%；高：19%；
背景色：灰色；文本对齐：居中；
左侧填充：5px；字体大小：14px；颜色：黑色；}
#ForTransfer{位置：绝对；顶部：29%；左侧：12%；
宽度：60%；高度：25%；}
#SendUserData{位置：绝对；顶部：75%；左侧：72%；
宽度：20%；高度：18%；文本对齐：居中；
左侧填充：5px；字体大小：14px；颜色：海军蓝；}
/*
DemPg2.php
*/
var MakeVariableVisibleToJavaScriptOnPageLOAD=；
丁胺醇
非常感谢。是的，基本上把我引向了正确的方向。我应该用php而不是javascript来完成这一切。。。它正在疯狂地工作！！！再次感谢您的时间、方向和知识。StackOverFlow再做一次！！！谢谢苏林格先生的帮助！！！