如何在javascript中将值从文本框传递到另一个页面文本框

时间:2017-03-13 20:02:57

标签: javascript jquery html5

大家好,我希望你好。

任何可以帮助我在这里遇到问题的人我想使用javascript将值从文本框传递到另一个页面文本框。

这是我的代码。

第一页

<form>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        Name:
        <input type="text" id="txtName" name="Name" value="Mudassar Khan" /><br />
        <br />
        Technology:
        <select id="ddlTechnolgy" name="Technology">
            <option value="ASP.Net">ASP.Net</option>
            <option value="PHP">PHP</option>
            <option value="JSP">JSP</option>
        </select>
    <input type="button" id="btnQueryString" value="Send" />
    </form>
    <script type="text/javascript">
        $(function () {
            $("#btnQueryString").bind("click", function () {
                var url = "pagetwo.html?name=" + encodeURIComponent($("#txtName").val()) + "&technology=" + encodeURIComponent($("#ddlTechnolgy").val());
                window.location.href = url;
            });
        });
    </script>

第二页

<form id="form1">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        var queryString = new Array();
        $(function () {
            if (queryString.length == 0) {
                if (window.location.search.split('?').length > 1) {
                    var params = window.location.search.split('?')[1].split('&');
                    for (var i = 0; i < params.length; i++) {
                        var key = params[i].split('=')[0];
                        var value = decodeURIComponent(params[i].split('=')[1]);
                        queryString[key] = value;
                    }
                }
            }
            if (queryString["name"] != null && queryString["technology"] != null) {
                var name = queryString["name"];
                var technology = queryString["technology"];
                $("#fname").html(name);
                $("#tech").html(technology);
            }
        });
    </script>
      <input type="text" id="fname" name="fname"/>
      <input type="text" id="tech" name="tech"/>
    </form>

请帮帮我。

0 个答案:

没有答案