如何将javascript的值插入html

时间:2017-08-20 13:01:41

标签: javascript php jquery html

我希望将javascript值转换为我的html输入值,并在用户点击提交后将其插入数据库

<script>
    var currentDate = new Date();

    if (currentDate.getDay() == 5) {
        var numberOfDaysToAdd = 4; //Adding 4 to skip sat. & sun. if Friday
    } else {
        var numberOfDaysToAdd = 2; //Adding 2 days if not Friday
    }

    currentDate.setDate(currentDate.getDate() + numberOfDaysToAdd);
    var dd = currentDate.getDate();
    var mm = currentDate.getMonth() + 1;
    var y = currentDate.getFullYear();
    var someFormattedDate = y + '-' + mm + '-' + dd;

    document.getElementById("display").innerHTML = someFormattedDate;

</script>

<?php

    echo $_GET['someFormattedDate'];

    ?>
    <input type="text" class="w8em format-y-m-d highlight-days-67 range-low-today" name="due_date" id="sd" maxlength="10" value="<?php echo " someFormattedDate " style="border: 3px double #CCCCCC; " disabled/>

3 个答案:

答案 0 :(得分:0)

首先,将之后的JavaScript代码放在您想要使用的输入中。这样,代码执行时页面上就会存在输入。

其次,使用输入的实际id

第三,设置.value属性。

第四,将输入放在表格中。

第五,不要禁用输入。

这样的事情:

<form>
    <input type="text" class="w8em format-y-m-d highlight-days-67 range-low-today" name="due_date" id="sd" maxlength="10" style="border: 3px double #CCCCCC;" disabled/>
    <input type="submit" value="Submit" />
</form>
<script>
    // The rest of your JavaScript code, formatting your date value

    document.getElementById("sd").value= someFormattedDate;
</script>

除非另有说明,否则点击提交按钮时,此<form>默认情况下会向当前网址提交GET个请求。

除此之外,我不清楚你在这里尝试使用PHP代码。为什么您要尝试输出尚未提交的值,或输出文字字符串,或者您尝试的任何内容。

答案 1 :(得分:0)

<script>
    var currentDate = new Date();

    if (currentDate.getDay() == 5) {
        var numberOfDaysToAdd = 4; //Adding 4 to skip sat. & sun. if Friday
    } else {
        var numberOfDaysToAdd = 2; //Adding 2 days if not Friday
    }

    currentDate.setDate(currentDate.getDate() + numberOfDaysToAdd);
    var dd = currentDate.getDate();
    var mm = currentDate.getMonth() + 1;
    var y = currentDate.getFullYear();
    var someFormattedDate = y + '-' + mm + '-' + dd;

    document.getElementById("sd").innerHTML = someFormattedDate;

</script>

描述: - 您正在使用错误的元素绑定数据。

答案 2 :(得分:0)

由于您的输入ID是sd,

 document.getElementById("sd").value = someFormattedDate;

注意:未提交具有“已禁用”属性的元素,请在提交前启用它。

完整代码:

<?php
    echo $_GET['due_date'];
    ?>

    <form name="myform" id="myform" method="GET">
    <input type="text" class="w8em format-y-m-d highlight-days-67 range-low-today" name="due_date" id="sd" maxlength="10" style="border: 3px double #CCCCCC; " readonly/>
    <input type="submit" name="btn_submit" value="Submit">
</form>

<script>
    var currentDate = new Date();
    if (currentDate.getDay() == 5) {
        var numberOfDaysToAdd = 4; //Adding 4 to skip sat. & sun. if Friday
    } else {
        var numberOfDaysToAdd = 2; //Adding 2 days if not Friday
    }
    currentDate.setDate(currentDate.getDate() + numberOfDaysToAdd);
    var dd = currentDate.getDate();
    var mm = currentDate.getMonth() + 1;
    var y = currentDate.getFullYear();
    var someFormattedDate = y + '-' + mm + '-' + dd;

     document.getElementById("sd").value = someFormattedDate;

</script>