Question

我正在制作购物表格＆＃34;我可以通过更改.js中的单个变量来编辑外部.js文件中的价格，并将反映在我的html中总计总成本的值中。

Javascript文件，名为＆＃34; prices.js＆＃34;

var x = "100.00";
var y = "200.00";

我的HTML：

<input type="hidden" name="item_name_1" value="Banana for Sale">
<input class="amount" type="hidden" name="amount_1" value=x>

<input type="hidden" name="item_name_2" value="Orange for Sale">
<input class="amount" type="hidden" name="amount_2" value=y>

基本上，我试图通过＆＃34; x＆＃34;和＆＃34; y＆＃34;从我的外部javascript变为＆＃34;值＆＃34;在我的html中的每个项目。我是一个完整的菜鸟，所以上面显然不起作用。

只是为了澄清，我不需要代码立即写入值，只是为了更改值，以便它可以由另一个函数（已经处理完）写入，总计所有的上述所有项目的金额。

谢谢大家的帮助！

Answer 1

您可以使用getElementsByName查找隐藏变量，然后可以使用x的值填充它。以下JavaScript需要保存到您的prices.js文件中。只是为了澄清，getElementsByName正在返回一个数组，所以我在第一个条目中设置了value字段。

＆＃13;

x = 10
y = 5
document.getElementsByName("amount_1")[0].value = x
document.getElementsByName("amount_2")[0].value = y
document.write(document.getElementsByName("amount_1")[0].value + '<br>')
document.write(document.getElementsByName("amount_2")[0].value + '<br>')

＆＃13;

<input class="amount" type="hidden" name="amount_1" value="">
<input class="amount" type="hidden" name="amount_2" value="">

＆＃13;

Answer 2

尝试使用.val()和class选择器为<script> $(function(){ $('.amount_1').val(x); $('.amount_2').val(y); }) </script>分配变量，例如：

{{1}}

希望这有帮助。

将外部javascript文件中的变量传递到html中的值？

2 个答案: