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 回答