如何根据来自另一个HTML页面的链接预填充文本区域

Question

我现在在一个网站上工作，其中一个页面只是一个单独的div列，其中有链接到网站上的另一个页面。另一个页面有用于过滤数据的文本区域(它是一个实现“DataTables”的表)。我想用div/link的文本预先填充其中一个文本区域，该div/link将用户从第一页重定向到第二页(即，如果用户在第1页上单击“嘉年华”，则第二页上的文本区域将预先填充“嘉年华”，以便过滤datatable中的相关条目)。你知道我怎样才能用HTML完成这样的事情吗？

Answer 1

让我假设你的页面有一个链接“嘉年华”。

让我们考虑一下，在第一个页面中，您有以下链接

<a href="/Carnivals.html?Key=Carnivals">Carnivals</a>

这里的?Key=Carnivals是一个查询字符串，它将“嘉年华”值带到下一个页面，即MyCarnivalsPage.html

现在使用以下函数从查询字符串中检索值。

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

现在用结果值填充您的文本区域

document.getElementById("YourID").value = getParameterByName("Key", window.location.href);