Question

我正在与Jquery一起做学校工作，我只想知道它是否可能以及如何执行以下操作：页面A具有以下内容：外部JS文件，其具有允许用户输入一些文本的功能，然后当他们按下提交按钮时，文本被自动放入段落文本，因为我使用JS来获取元素并替换文本使用innerhtml。

外部JS文件：

 function grabText() {
     var grabThePara = document.getElementById("firstP").value;
     var intoParagraph = document.getElementById("pOne").innerHTML = grabThePara;
 }

HTML文件：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2"></script>
    <script type="text/javascript" src="ts.js"></script>
</head>

<body>
    <input type="text" id="firstP" name="firstP">
    <br />
    <p id="pOne">Static works fine -- > this is the static</p>
    <input type="button" onclick="grabText()" value="Submit">
    <a href="JSPanel.html">GO to JD Panel</a>
</body>

</html>

页面B有Jquery部分，它的代码将从页面A的第一个名为ID pOne的paragrpah中获取文本，如果是STATIC输入，它会在没有问题的情况下获取文本，但是当你使用它时通过使用文本框并动态更改段落的文本，页面A进行更改，但页面B仍然显示静态文本输入，而不是输入到文本框并提交后发生的新动态更改。我会展示代码。

Page B代码：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script type="text/javascript" src="ts.js"></script>
</head>

<body>


    <a href="adminPanel.html">Change the text again</a>
    <script type="text/javascript">
        jQuery.ajax({
            url: "adminPanel.html",
            success: function (printIt) {
                var html = jQuery('<p>').html(printIt);
                var grabIt = html.find("p#pOne").html();
                var sendItToParaOne = document.getElementById("paraOne").innerHTML = grabIt;
            }
        });
    </script>
    <p id="paraOne"></p>
</body>

</html>

对不起我的英语，我知道它不是最好的。感谢您花时间阅读我的问题，感谢任何帮助

再次感谢！

中号

Answer 1

您需要在某处保存数据。如果您不想使用数据库，则可以使用HTML 5 Web存储：http://www.w3schools.com/html/html5_webstorage.asp

此外，查看外部JS文件，您可能需要查看jQuery选择器：http://www.w3schools.com/jquery/jquery_selectors.asp

我希望这会对你有所帮助。

Answer 2

通过认为页面能够相互通信，您会感到困惑。您的页面A必须将更改发送到服务器，但还必须对服务器进行编程以侦听服务器代码（如PHP或ASP.NET）中的更改。只有这样，页面B才能获得第A页所做的更改。

Jquery有动态段落

2 个答案: