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

时间:2017-04-09 14:45:39

标签: jquery html hyperlink datatable autofill

我现在在一个网站上工作,其中一个页面只是一列div,其中包含链接到网站上另一个页面的链接。这个其他页面有textareas用于过滤数据(它是一个实现“DataTables”的表)。我想用div / link的文本预先填充其中一个文本区域,将用户从第一页重定向到第二页(即如果在页面#1上用户点击“狂欢节”,则第二页上的textareas页面将预先填充“carnivals”以过滤相关条目的数据表)。知道如何使用HTML完成这样的事情吗?

1 个答案:

答案 0 :(得分:0)

让我觉得你的网页上有一个链接“嘉年华会”。

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

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

此处?Key=Carnivals是一个查询字符串,它将“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, " "));
}

现在用结果值填充你的textarea

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