私は誰かに助けてもらい、このコードを入手してもらいました。
<input type="hidden" id="charge_total" value="charge_total">
そしてこのJavaScript
<script>
document.getElementById("charge_total").value = document.getElementById("system_cost").innerHTML;
私の問題は、私が使用しているホスト支払いシステムでは、非表示の入力に名前を付ける必要があることです。
したがって、非表示の入力は次のようにする必要があります。
<input type="hidden" id="charge_total" name="charge_total" value="charge_total">
私の問題は、コードを使用していることです。フィールドにテキストが入力されず、チェックアウトページに合計が空白のままになります。このコード行の非表示の値に入力する数値を出力するには、このスパンIDが必要です。
<p>Total: <span id="system_cost"> </span></p>
<input type="hidden" id="charge_total" name="charge_total" value="charge_total">
誰かが私が間違ったことを知っていますか?
これが私がそれをヘッダーに入れる方法です。
<script>
$(function(){ //on document ready attach handlers
$('form').on('submit', function(e){
e.preventDefault(); // stop the form submitting and do work
$('#charge_total').val(parseFloat($('#system_cost').text()));
$(this).submit(); //now submit the form, calculations are done
});
});
</script>
そして、これらは他の2行です。
<input type="hidden" name="charge_total" value="charge_total">
<p>Total: <span id="system_cost"> </span></p>
スパンは、想定どおりにページに表示され、正しく入力されます。Charge_totalを表示するのは非表示の値だけです。