Fatal编程技术网
  • javascript/
  • 设置HTML日期元素'；使用Javascript使用PHP变量设置s值

设置HTML日期元素'；使用Javascript使用PHP变量设置s值

javascript php html

设置HTML日期元素'；使用Javascript使用PHP变量设置s值,javascript,php,html,Javascript,Php,Html,因此，我目前在我的页面上有6个HTML日期元素，我试图让它们保存输入的内容，以便在重新加载页面时，它们仍然保存输入的数据。因此，我将我的PHP设置为在表单发布时将数据保存到站点目录上的文本文档中。这非常有效，现在我还创建了PHP变量来获取保存的文档信息，这同样有效。现在，当我运行Javascript时，我发现PHP变量已经过了，并且正在输出正确的信息。但是，日期元素保持为空。有人知道为什么会这样吗 元素示例输出 window.onload = function (){ var date1

因此，我目前在我的页面上有6个HTML日期元素，我试图让它们保存输入的内容，以便在重新加载页面时，它们仍然保存输入的数据。因此，我将我的PHP设置为在表单发布时将数据保存到站点目录上的文本文档中。这非常有效，现在我还创建了PHP变量来获取保存的文档信息，这同样有效。现在，当我运行Javascript时，我发现PHP变量已经过了，并且正在输出正确的信息。但是，日期元素保持为空。有人知道为什么会这样吗

元素示例输出

window.onload = function (){
    var date1Value = 2016-10-01;
    var date2Value = 2016-10-02;
    var date3Value = 2016-10-03;
    var date4Value = 2016-10-04;
    var date5Value = 2016-10-05;
    var date6Value = 2016-10-06;

    document.getElementById("date1").value = date1Value;
    document.getElementById("date2").value = date2Value;
    document.getElementById("date3").value = date3Value;
    document.getElementById("date4").value = date4Value;
    document.getElementById("date5").value = date5Value;
    document.getElementById("date6").value = date6Value;
}

<?php
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","r") or exit("Can't open file!");
$setA5 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","r") or exit("Can't open file!");
$setA6 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","r") or exit("Can't open file!");
$setA11 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","r") or exit("Can't open file!");
$setA12 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","r") or exit("Can't open file!");
$setA17 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","r") or exit("Can't open file!");
$setA18 = fgets($myFile);
fclose($myFile);

if ($_SERVER['REQUEST_METHOD'] == 'POST'){
    $date1 = $_POST['date_1A5'];
    $date2 = $_POST['date_1A6'];
    $date3 = $_POST['date_2A5'];
    $date4 = $_POST['date_2A6'];
    $date5 = $_POST['date_3A5'];
    $date6 = $_POST['date_3A6'];

    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date1);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date2);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date3);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date4);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date5);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date6);
    fclose($myFile);
}
?>

<script>
    window.onload = function (){
        var date1Value = <?php echo $setA5;?>;
        var date2Value = <?php echo $setA6;?>;
        var date3Value = <?php echo $setA11;?>;
        var date4Value = <?php echo $setA12;?>;
        var date5Value = <?php echo $setA17;?>;
        var date6Value = <?php echo $setA18;?>;

        document.getElementById("date1").value = date1Value;
        document.getElementById("date2").value = date2Value;
        document.getElementById("date3").value = date3Value;
        document.getElementById("date4").value = date4Value;
        document.getElementById("date5").value = date5Value;
        document.getElementById("date6").value = date6Value;
    }
</script>

<html>
    <body>
        <form method="post" action=thisPage.php>
            <input type="date" name="date_1A5" id="date1">
            <input type="date" name="date_1A6" id="date2">
            <input type="date" name="date_2A5" id="date3">
            <input type="date" name="date_2A6" id="date4">
            <input type="date" name="date_3A5" id="date5">
            <input type="date" name="date_3A6" id="date6">
        </form>
    <body>
</html>
PHP代码片段

window.onload = function (){
    var date1Value = 2016-10-01;
    var date2Value = 2016-10-02;
    var date3Value = 2016-10-03;
    var date4Value = 2016-10-04;
    var date5Value = 2016-10-05;
    var date6Value = 2016-10-06;

    document.getElementById("date1").value = date1Value;
    document.getElementById("date2").value = date2Value;
    document.getElementById("date3").value = date3Value;
    document.getElementById("date4").value = date4Value;
    document.getElementById("date5").value = date5Value;
    document.getElementById("date6").value = date6Value;
}

<?php
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","r") or exit("Can't open file!");
$setA5 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","r") or exit("Can't open file!");
$setA6 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","r") or exit("Can't open file!");
$setA11 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","r") or exit("Can't open file!");
$setA12 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","r") or exit("Can't open file!");
$setA17 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","r") or exit("Can't open file!");
$setA18 = fgets($myFile);
fclose($myFile);

if ($_SERVER['REQUEST_METHOD'] == 'POST'){
    $date1 = $_POST['date_1A5'];
    $date2 = $_POST['date_1A6'];
    $date3 = $_POST['date_2A5'];
    $date4 = $_POST['date_2A6'];
    $date5 = $_POST['date_3A5'];
    $date6 = $_POST['date_3A6'];

    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date1);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date2);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date3);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date4);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date5);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date6);
    fclose($myFile);
}
?>

<script>
    window.onload = function (){
        var date1Value = <?php echo $setA5;?>;
        var date2Value = <?php echo $setA6;?>;
        var date3Value = <?php echo $setA11;?>;
        var date4Value = <?php echo $setA12;?>;
        var date5Value = <?php echo $setA17;?>;
        var date6Value = <?php echo $setA18;?>;

        document.getElementById("date1").value = date1Value;
        document.getElementById("date2").value = date2Value;
        document.getElementById("date3").value = date3Value;
        document.getElementById("date4").value = date4Value;
        document.getElementById("date5").value = date5Value;
        document.getElementById("date6").value = date6Value;
    }
</script>

<html>
    <body>
        <form method="post" action=thisPage.php>
            <input type="date" name="date_1A5" id="date1">
            <input type="date" name="date_1A6" id="date2">
            <input type="date" name="date_2A5" id="date3">
            <input type="date" name="date_2A6" id="date4">
            <input type="date" name="date_3A5" id="date5">
            <input type="date" name="date_3A6" id="date6">
        </form>
    <body>
</html>
Javascript

window.onload = function (){
    var date1Value = 2016-10-01;
    var date2Value = 2016-10-02;
    var date3Value = 2016-10-03;
    var date4Value = 2016-10-04;
    var date5Value = 2016-10-05;
    var date6Value = 2016-10-06;

    document.getElementById("date1").value = date1Value;
    document.getElementById("date2").value = date2Value;
    document.getElementById("date3").value = date3Value;
    document.getElementById("date4").value = date4Value;
    document.getElementById("date5").value = date5Value;
    document.getElementById("date6").value = date6Value;
}

<?php
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","r") or exit("Can't open file!");
$setA5 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","r") or exit("Can't open file!");
$setA6 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","r") or exit("Can't open file!");
$setA11 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","r") or exit("Can't open file!");
$setA12 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","r") or exit("Can't open file!");
$setA17 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","r") or exit("Can't open file!");
$setA18 = fgets($myFile);
fclose($myFile);

if ($_SERVER['REQUEST_METHOD'] == 'POST'){
    $date1 = $_POST['date_1A5'];
    $date2 = $_POST['date_1A6'];
    $date3 = $_POST['date_2A5'];
    $date4 = $_POST['date_2A6'];
    $date5 = $_POST['date_3A5'];
    $date6 = $_POST['date_3A6'];

    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date1);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date2);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date3);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date4);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date5);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date6);
    fclose($myFile);
}
?>

<script>
    window.onload = function (){
        var date1Value = <?php echo $setA5;?>;
        var date2Value = <?php echo $setA6;?>;
        var date3Value = <?php echo $setA11;?>;
        var date4Value = <?php echo $setA12;?>;
        var date5Value = <?php echo $setA17;?>;
        var date6Value = <?php echo $setA18;?>;

        document.getElementById("date1").value = date1Value;
        document.getElementById("date2").value = date2Value;
        document.getElementById("date3").value = date3Value;
        document.getElementById("date4").value = date4Value;
        document.getElementById("date5").value = date5Value;
        document.getElementById("date6").value = date6Value;
    }
</script>

<html>
    <body>
        <form method="post" action=thisPage.php>
            <input type="date" name="date_1A5" id="date1">
            <input type="date" name="date_1A6" id="date2">
            <input type="date" name="date_2A5" id="date3">
            <input type="date" name="date_2A6" id="date4">
            <input type="date" name="date_3A5" id="date5">
            <input type="date" name="date_3A6" id="date6">
        </form>
    <body>
</html>


window.onload=函数（）{
var date1Value=；
var date2Value=；
var date3Value=；
var date4Value=；
var date5Value=；
var date6Value=；
document.getElementById（“date1”）.value=date1Value；
document.getElementById（“date2”）.value=date2Value；
document.getElementById（“date3”）.value=date3Value；
document.getElementById（“date4”）.value=date4Value；
document.getElementById（“date5”）.value=date5Value；
document.getElementById（“date6”）.value=date6Value；
}
HTML代码片段

window.onload = function (){
    var date1Value = 2016-10-01;
    var date2Value = 2016-10-02;
    var date3Value = 2016-10-03;
    var date4Value = 2016-10-04;
    var date5Value = 2016-10-05;
    var date6Value = 2016-10-06;

    document.getElementById("date1").value = date1Value;
    document.getElementById("date2").value = date2Value;
    document.getElementById("date3").value = date3Value;
    document.getElementById("date4").value = date4Value;
    document.getElementById("date5").value = date5Value;
    document.getElementById("date6").value = date6Value;
}

<?php
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","r") or exit("Can't open file!");
$setA5 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","r") or exit("Can't open file!");
$setA6 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","r") or exit("Can't open file!");
$setA11 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","r") or exit("Can't open file!");
$setA12 = fgets($myFile);
fclose($myFile);

$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","r") or exit("Can't open file!");
$setA17 = fgets($myFile);
fclose($myFile);
$myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","r") or exit("Can't open file!");
$setA18 = fgets($myFile);
fclose($myFile);

if ($_SERVER['REQUEST_METHOD'] == 'POST'){
    $date1 = $_POST['date_1A5'];
    $date2 = $_POST['date_1A6'];
    $date3 = $_POST['date_2A5'];
    $date4 = $_POST['date_2A6'];
    $date5 = $_POST['date_3A5'];
    $date6 = $_POST['date_3A6'];

    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date1.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date1);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date2.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date2);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date3.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date3);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date4.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date4);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date5.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date5);
    fclose($myFile);
    $myFile=fopen("USERS/".$Username."/RiskAssessment"."/Date6.txt","w") or exit("Can’t open file!");
    fwrite($myFile, $date6);
    fclose($myFile);
}
?>

<script>
    window.onload = function (){
        var date1Value = <?php echo $setA5;?>;
        var date2Value = <?php echo $setA6;?>;
        var date3Value = <?php echo $setA11;?>;
        var date4Value = <?php echo $setA12;?>;
        var date5Value = <?php echo $setA17;?>;
        var date6Value = <?php echo $setA18;?>;

        document.getElementById("date1").value = date1Value;
        document.getElementById("date2").value = date2Value;
        document.getElementById("date3").value = date3Value;
        document.getElementById("date4").value = date4Value;
        document.getElementById("date5").value = date5Value;
        document.getElementById("date6").value = date6Value;
    }
</script>

<html>
    <body>
        <form method="post" action=thisPage.php>
            <input type="date" name="date_1A5" id="date1">
            <input type="date" name="date_1A6" id="date2">
            <input type="date" name="date_2A5" id="date3">
            <input type="date" name="date_2A6" id="date4">
            <input type="date" name="date_3A5" id="date5">
            <input type="date" name="date_3A6" id="date6">
        </form>
    <body>
</html>
感谢您添加示例输出，因为它准确地显示了问题所在。：）

不过，首先，我想指出，这段代码中没有jQuery。您拥有的是纯JavaScript

然后，问题是JavaScript部分中缺少日期的引号。在打印日期的PHP代码周围添加这些内容，它应该可以工作

PS：你真的应该考虑使用数据库，或者至少一个文件来包含这些日期。像这样的多个文件不仅效率低下，而且相当混乱。
有关如何使用单个文件的快速示例：

// The file() function automatically creates an array on newlines.
$dates = file ("dates.txt");

if (!$dates) {
    // Show an error message on missing dates.
}

?>
<script>

// $dates[0] contains the first date, increase index by 1 to get the next date.
document.getElementById ('date_1').value = '<?php echo $dates[0]; ?>'
感谢您添加示例输出，因为它准确地显示了问题所在。：）

不过，首先，我想指出，这段代码中没有jQuery。您拥有的是纯JavaScript

然后，问题是JavaScript部分中缺少日期的引号。在打印日期的PHP代码周围添加这些内容，它应该可以工作

PS：你真的应该考虑使用数据库，或者至少一个文件来包含这些日期。像这样的多个文件不仅效率低下，而且相当混乱。
有关如何使用单个文件的快速示例：

// The file() function automatically creates an array on newlines.
$dates = file ("dates.txt");

if (!$dates) {
    // Show an error message on missing dates.
}

?>
<script>

// $dates[0] contains the first date, increase index by 1 to get the next date.
document.getElementById ('date_1').value = '<?php echo $dates[0]; ?>'
在javascript中输出日期时，将日期周围的引号连接起来，如下所示：

var date1Value = " + <?php echo $setA5;?> + ";

var date1Value=“+”；
在javascript中输出日期时，将日期周围的引号连接起来，如下所示：

var date1Value = " + <?php echo $setA5;?> + ";

var date1Value=“+”；
工作得很好，只是想补充一点，感谢您清理了这个问题，并在这里为我提供了额外的帮助。我一定会开始尝试采用这些方法。不客气，我很高兴能帮上忙。：）请记住，当涉及到保护脚本时，我在这里几乎没有触及表面，在这个主题上还有很多东西需要学习。我强烈建议在将任何可用信息发布到互联网之前，阅读更多关于此的内容。再次感谢，我肯定会对此进行进一步研究。工作完美，只想补充一点，感谢您清理此内容，并在这里为我提供额外帮助。我一定会开始尝试采用这些方法。不客气，我很高兴能帮上忙。：）请记住，当涉及到保护脚本时，我在这里几乎没有触及表面，在这个主题上还有很多东西需要学习。我强烈建议在把任何可用的东西放到互联网上之前阅读更多关于这方面的内容。再次感谢，我肯定会对此进行进一步的研究。我担心这不会起作用。你似乎被模式的转换和语言的混合弄糊涂了。请记住，中间的PHP代码被解析，并在JS发挥作用之前被替换。恐怕这行不通。你似乎被模式的转换和语言的混合弄糊涂了。请记住，中间的PHP代码被解析，并在JS发挥作用之前被替换。