提交后将日期值保留在 html 表单中

发布于 2025-01-14 16:16:12 字数 605 浏览 2 评论 0原文

我创建了这个表单，并将其放置在页面上的 WordPress divi 主题代码模块中。它用于返回连接到第 3 方 API 的我的商店的库存可用性。

提交表单后，如何让它继续显示提交的值。

<p>Enter your Event Dates</p><br>

<form class="Dates" action="" method="post">

<span>
  <label for="date_from">Date From:</label>
  <input type="date" id="date_from" name="date_from" value="dd-MM-YYY">
</span>

<span>
  <label for="date_to">Date To:</label>
  <input type="date" id="date_to" name="date_to" value="dd_MM-YYY"><br>
</span>

<input type="submit">
</form>

原文

I have created this form which I have placed in the Wordpress divi theme code module on a page. It is used to return the stock availability for my shop that is connected to a 3rd party api.

After the form is submitted how do I get it to keep displaying the values that were submitted.

<p>Enter your Event Dates</p><br>

<form class="Dates" action="" method="post">

<span>
  <label for="date_from">Date From:</label>
  <input type="date" id="date_from" name="date_from" value="dd-MM-YYY">
</span>

<span>
  <label for="date_to">Date To:</label>
  <input type="date" id="date_to" name="date_to" value="dd_MM-YYY"><br>
</span>

<input type="submit">
</form>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

嗫嚅 2025-01-21 16:16:12

这边走：

<input type="date" id="date_from" name="date_from" value="<?php echo isset($_POST['date_from'] ? $_POST['date_from'] : '' ?>">

This way:

<input type="date" id="date_from" name="date_from" value="<?php echo isset($_POST['date_from'] ? $_POST['date_from'] : '' ?>">

回复收藏 0 原文

墨洒年华 2025-01-21 16:16:12

您可以尝试在所有 javascript 定义下编写新脚本。页面必须为 .php

<script>
document.getElementById("date_from").value = '<?php echo isset($_POST['date_from'] ? $_POST['date_from'] : '' ?>';

You can try writing a new script under all javascript definitions. Page must .php

<script>
document.getElementById("date_from").value = '<?php echo isset($_POST['date_from'] ? $_POST['date_from'] : '' ?>';

回复收藏 0 原文

紙鸢 2025-01-21 16:16:12

如果你想使用jquery，你应该使用这种格式：

$(function(){
 $('#date_from').val('submitted value');
});

但是jquery不知道之前发送了什么。所以你可以像这样更新你的脚本：

$(function(){
 $('#date_from').on("keyup",function(){
    window.localStorage.setItem('date',$(this).val());
 });

 $('#date_from').val(window.localStorage.getItem("date"));
});

If you want to use jquery you should use this format:

$(function(){
 $('#date_from').val('submitted value');
});

but jquery doesn't know what was sent before. So you can update your script like this:

$(function(){
 $('#date_from').on("keyup",function(){
    window.localStorage.setItem('date',$(this).val());
 });

 $('#date_from').val(window.localStorage.getItem("date"));
});

回复收藏 0 原文

~没有更多了~