如何构建一个 HTML 链接来预填充此站点上的表单域答案

【问题标题】：How to construct a HTML link to prefill a form field on this site如何构建一个 HTML 链接来预填充此站点上的表单域
【发布时间】：2019-12-16 20:43:11
【问题描述】：

我通常可以轻松构建 HTML 链接以预填充任何给定的表单字段。然而，这个让我很难过： https://www.planningportal.nsw.gov.au/spatialviewer/#/find-a-property/address

我想在这里构建一个链接来预填充地址，我使用了所有常见的结构，如下所示： https://www.planningportal.nsw.gov.au/spatialviewer/#/find-a-property/address#mat-input-0=100+Princes+St,+Ryde+NSW+2112 还用 ? 替换 #不工作我相信字段 ID 是“mat-input-0”

我在这里有什么明显的遗漏吗？网站是否出于某种原因从链接末尾对查询进行了清理？

【问题讨论】：

Afaik 没有根据浏览器中的查询参数预填充表单字段的逻辑。所以它必须在服务器端完成（例如在 php 中这样做很常见）

标签： html forms hyperlink

【解决方案1】：

var url = "https://www.planningportal.nsw.gov.au/spatialviewer/#/find-a-property/address#mat-input-0=100+Princes+St,+Ryde+NSW+2112"
var address = url.split('mat-input-0=')[1].replace(/\+/g, ' ');
document.getElementById("address-input").value = address;

&lt;input id='address-input' val='' size='50' /&gt;

您可以将 url 替换为 var url = window.location.pathname; 以获取 url 中的参数。希望对你有帮助:)

【讨论】：