如何在另一个页面中查找元素，并从当前页面上的元素中输入值

How to find the element in another page and input value from element on current page

本文关键字：元素 当前页 输入 查找 另一个      更新时间：2023-11-09

在Mvc 5 Bootstrap项目中，我最近使用jQuery解决了将一个元素的值插入另一个元素中的问题。它允许用户在不同的字符串之间进行选择，一旦选择，就会将字符串插入表单元素中的文本框中。

您可以在此处查看示例：http://www.bootply.com/DPoaz49nSb

当所有元素都在同一页上时（如示例中所示），一切都很好。

我现在的问题是：如果元素在不同的页面上，我该怎么做（一个页面上的链接然后将用户引导到另一个页面的表单，其中现在插入了链接字符串）？任何帮助都将不胜感激。

添加

我在Bootply的例子中尝试了几个这样的解决方案，但我不擅长这个，所以如果你有任何建议，请帮忙。

$(document).ready(function () {
var url = '@Url.Action("NewPageToBeOpened", "ControllerName", new { textValue = "----" })'.replace("----", $('#textBox').val($(this).text());
window.location = url;
})

您可以将其作为参数传递给第二个页面的url，以及第二个页的DOM何时可以从url读取此参数，并将其设置为所需元素的值。

类似这样的东西：

// You will need this function for getting the parameter's value
function getUrlParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) 
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
}

关于以上功能，请看这里。

$(function(){
    var param = getUrlParameter(paramName);
    $("#elementsId").val(param);
});
相关文章：