0

我试图弄清楚当用户更改同一页面另一部分的输入字段时如何使用 Javascript 更新网页的一部分。但是，因为我使用的是 document.write，所以我不能稍后返回并更新它，除非我重新加载页面。我承认我不太擅长 JavaScript。如果有人可以就如何解决这个问题给我建议，将不胜感激。我希望有一种方法可以在没有 Ajax 的情况下做到这一点，因为这只是一项非常简单的任务，我不希望它变得太复杂。

我的网站有一个 5 步报价计算器，可以显示和隐藏 div 以完成这些步骤，而无需加载/重新加载页面。在最后一步，即第 5 步，我根据第 1 步执行计算并使用 document.write 输出。但是因为我允许用户返回第 1 步并对输入文本字段进行更改，所以当他们返回时，第 5 步的计算变得不正确。

我想避免页面重新加载，因为我正在使用 jQuery 来做一些很酷的过渡效果，你需要完成这些步骤。解决此类问题的最佳方法是什么？

我很乐意自己做一些研究，但我不确定从哪里开始。谢谢

4

1 回答 1

1

那么您应该在步骤 1 中绑定字段的 onchange 事件的计算，以便自动更新步骤 5 中的字段。

示例：在屏幕 1 中：

<input type="text" name="inputFromScreen1" id="input1" onchange="calculateResult()">

在屏幕 5 中：

<div id="results"></div>

JS：

function calculateResult()
{
   //parse the values into float or int otherwise you'll get a concatenated string
   var result=parseInt($("#input1").val())+.....;

   //check if your result is a number
   if (!isNaN(result))
       $("#results").html('<p>'+result+'</p>');
}

*注意：我使用 JQuery 是因为它使 dom 操作非常容易并且跨浏览器兼容。在http://jquery.com/了解更多信息

于 2012-07-30T07:17:57.497 回答