javascript - 动态更改已在 JavaScript 中创建的实例的值

Question

我在这里使用“Braintree - Dropin”。实例是在页面加载时创建的，之后我有一个下拉菜单来选择“支付金额”。我想在下拉列表更改时更新实例(已创建)的值。

var form = document.querySelector('#payment-form');
var client_token = "{{ Braintree\ClientToken::generate()}}";
var amount = document.getElementById("amount");
var amount_val = amount.options[amount.selectedIndex].value;

braintree.dropin.create({
    authorization: client_token,
    selector: '#bt-dropin',
    applePay: {
        displayName: 'My Store',
        paymentRequest: {
            total: {
                label: 'My Store',
                amount: amount_val
            }
        }
    }
}, function (createErr, instance) {
    if (createErr) {
        console.log('Create Error', createErr);
        return;
    }
    amount.addEventListener("change", function() {
        console.log(amount.value);
        // Where i'm trying to change amount
        instance.updateConfiguration('applePay', 'paymentRequest', {
            total: {
                label: 'My Store',
                amount: amount.value
            }
        });
    });
    form.addEventListener('submit', function (event) {
        event.preventDefault();

        instance.requestPaymentMethod(function (err, payload) {

            if (err) {
                console.log('Request Payment Method Error', err);
                return;
            }
            // Add the nonce to the form and submit
            document.querySelector('#nonce').value = payload.nonce;
            form.submit();
        });
    });
});

根据“Dropin”文档，这应该可行。但事实并非如此。 https://braintree.github.io/braintree-web-drop-in/docs/current/Dropin.html#updateConfiguration

Answer 1

我找不到在创建实例后更改实例的可能方法。但是我通过将过程分成两部分来解决了这个问题。我做了两个步骤来付款。在第一页中，用户将从下拉列表中选择金额，然后单击下一步按钮，将所选金额提交到付款页面。然后在付款页面上创建此实例，其中的金额已从上一页发布。希望这会对遇到类似问题的人有所帮助。