使用jQuery返回隐藏字段的值

Question

我正在建立一个以jCart作为学校项目的电子商务网站。我想做以下事情：

我想获取隐藏字段的值并将其返回到同一页面上的其他位置。

在浏览Stack Overflow时，我发现此代码可以获取隐藏的值：

<script> var subt = $('#jcart-subtotal').val();</script>

这可以按预期工作。我使用alert(subt)检查了它。

我尝试return(subt);而不是提醒，因为我希望将值打印在页面本身上，而不是显示在警告消息中。

如何打印值而不是将其显示在警告弹出窗口中？

Answer 1

将它放在您要在页面上显示值的任何位置：

<span id='showMe'></span> 

的JavaScript

$('#showMe').html($('#jcart-subtotal').val());

Answer 2

您可以将返回的值绑定到任何元素，例如

var subt = $('#jcart-subtotal').val();

在html文件中添加一个元素，如下所示

<span id="grandTotal"></span> //or <label id="grandTotal"></label>

最后，

$("#grandTotal").html(subt);

Answer 3

这取决于您希望输出的位置。

假设你有一个包含一些DOM元素的页面结构，你只需要访问你想要的目标DOM元素并使用它的html() setter来完成这项工作。

$("#myTargetSpan").html($('#jcart-subtotal').val());

将输入的值放入具有“myTargetSpan”id的元素中。

当您的代码作为函数调用时，将使用return指令，以将值返回给调用者以供进一步使用。