使用jQuery返回隐藏字段的值

Question

我正在用jCart构建一种电子商务网站作为学校项目。我想做以下事情:

我想获得隐藏字段的值，并在同一页面的另一个位置返回它。

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

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

按预期工作。我用alert(subt)检查过了。

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

我应该怎么做打印值，而不是有它显示在一个警报弹出?

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());

将输入的值放入id为"myTargetSpan"的元素中。

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