將變量從外部javascript文件傳遞到html中的值？

Question

我正在制作“購物表格”，在其中可以通過更改.js中的單個變量來編輯外部.js文件中的價格，這將反映在html中的總費用中。

Javascript文件，名為“ prices.js”

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>

本質上，我正在嘗試將外部javascript中的“ x”和“ y”變量傳遞到html中每個項目的“值”上。 我對此完全是個菜鳥，因此上述內容顯然無效。

只是為了澄清一下，我不需要代碼立即寫入值，而只需更改值，以便可以由另一個函數（已經處理過）寫入該值，該函數將上述所有項目的所有金額總計。

謝謝大家的幫助！

Answer 1

您可以使用getElementsByName查找隱藏變量，然后可以使用x的值填充它。 下面的JavaScript需要保存到您的prices.js文件中。 為了澄清getElementsByName ， getElementsByName返回一個數組，因此我采用第一個條目來設置value字段。

 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>') 

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

Answer 2

嘗試使用.val()和class選擇器將變量分配給inputs ，例如：

<script>
    $(function(){
        $('.amount_1').val(x);
        $('.amount_2').val(y);
    })
</script>

希望這可以幫助。