时间戳

首页 > 解决方案 > 有没有办法制作 URL 以更快地填写表格？

javascript - 有没有办法制作 URL 以更快地填写表格？

问题描述

这不是一个编码查询，而是寻求一些关于黑客的帮助。

对于具有输入框的网页，是否可以直接使用数据键入 URL，以便整个页面加载预先填充的字段，而无需有人通过每个下拉框来选择选项？

例如，如何为以下表单制作 URL，以便预先填写 3 个框，并且有人可以直接单击“搜索”？试过这个：

https://members.myactivesg.com/facilities/quick-booking?activity_id=18&venue_id=850&chosen_date=2020-08-08

但它不起作用。

标签： javascripthtml

解决方案

只需使用 URL 参数并将它们添加到表单输入中。确保值的格式与有效值匹配。如果你有这个 HTML：

<form>
    <input type="number" name="activity_id" id="activity_id">
    <input type="number" name="venue_id" id="venue_id">
    <input type="date" name="chosen_date" id="chosen_date">
</form>

然后你可以使用这个JS：

const qs = window.location.search;
const params = new URLSearchParams(qs);
const entries = params.entries();

entries.forEach(([k, v]) => {
    document.getElementById(k).value = v;
});

推荐阅读