0

所以我试图以 html 形式在页面之间传递一个 javascript 函数值。我用来显示值,以及一个隐藏的输入字段来存储它。这是我的代码:

  <div class="totalPrice"></div>
  <input type="hidden" name="totalPrice" class="totalPrice">

它是更大表单的一部分,通过按钮提交。在以下页面上:

 session_start();
 $_SESSION['totalPrice'] = $_POST['totalPrice'];

在我的 javascript 页面上,它正确地进行了计算,这是 javascript 函数:

function getTotal()
{
var weekTotalPrice = weekPrice(); 
document.getElementByClassName('totalPrice').innerHTML = weekTotalPrice;
}

以下是问题:

  1. 类函数 getElementByClassName 不起作用,因为我看不到总价。当我在没有隐藏输入字段的情况下使用 id 时,它可以完美运行。
  2. 我在 javascript 中的旧代码如下:

    document.getElementByClassName('totalPrice').innerHTML = "总价:$" + weekTotalPrice;

但是,它仍然显示“Total Price: $”部分,尽管很明显我已经把它去掉了。我仔细检查了我是否保存了我的文件,并重置了我的本地 MAMP 服务器。

我很想听听这两个问题的任何解决方案,非常感谢您的帮助。谢谢。

4

2 回答 2

4

getElementByClassName错了,应该是getElementsByClassName。此外,getElementsByClassName返回一组项目,而不是单个项目。您需要指定要使用的项目。与此相反,您可以getElementById在要更改的元素上使用并指定一个 ID,以使其更易于处理。通过 ID 引用 DOM 对象比类更快。

于 2013-07-02T15:22:26.847 回答
-1

试试 document.getElementByClassName('totalPrice').innerHTML = " "+weekTotalPrice; 并告诉我打印是否正确。

于 2013-07-02T15:26:49.737 回答