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

时间:2015-02-15 22:45:01

标签: javascript jquery html twitter-bootstrap

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

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

当所有元素都在同一页面上时(例如),这一切都非常好。

我现在的问题是:如果元素位于不同的页面上,我将如何做到这一点(在一个页面上的链接然后将用户引导到另一个现在插入链接字符串的页面上的表单)?任何帮助将不胜感激。

ADD

我已经尝试了一些这样的解决方案和Bootply示例,但我不是这方面的专家,所以如果你有任何指示,请帮忙。

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

})

1 个答案:

答案 0 :(得分:0)

你可以将它作为参数传递给第二页的url,当第二页的DOM准备好从url读取这个param并将其设置为你想要的元素的值时。

这样的事情:

// 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];
        }
    }
} 

关于上述功能,请查看here

$(function(){
    var param = getUrlParameter(paramName);
    $("#elementsId").val(param);
});