我正在使用 Jquery 完成学校作业,我只想知道它是否可行以及如何执行以下操作: 页面 A 具有以下内容:外部 JS 文件,具有允许用户输入一些文本的功能,然后当他们按下提交按钮时,文本自 Action 为段落文本放置,因为我使用 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 的段落中获取文本,如果它的静态输入但在您使用之前使用的那一刻,它会毫无问题地获取文本文本框并动态更改段落的文本页面 A 进行了更改,但页面 B 仍然显示静态文本输入,而不是在输入到文本框并提交后发生的新动态更改。我将展示代码。
页面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>
对不起我的英语我知道它不是最好的。感谢您花时间阅读我的问题,感谢您的帮助
再次感谢!
中号
最佳答案
您需要将数据保存在某处。如果您不想使用数据库,可以使用 HTML 5 网络存储:http://www.w3schools.com/html/html5_webstorage.asp
此外,查看您的外部 JS 文件,您可能想查看 jQuery 选择器:http://www.w3schools.com/jquery/jquery_selectors.asp
希望对你有帮助
关于javascript - 带有动态段落的 Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20396875/