將輸入值設置為 Javascript 變量錯誤

Question

使用 JavaScript，如果選中復選框，我想將 Shipping Name 和 Shipping Zip 中的值復制到 Billing Name 和 Billing Zip。

當我執行以下代碼時，它會在 Billing Name 和 Billing Zip 字段中顯示 [object HTMLInputElement]。

function billingFunction(){
    if (document.getElementById('same').checked){
        var name = document.getElementById('shippingName');
        var zip = document.getElementById('shippingZip');
        document.getElementById('billingName').value = name;
        document.getElementById('billingZip').value = zip;
    }

    else{
        document.getElementById('billingName').value = ""
        document.getElementById('billingZip').value = ""
    }

}

Answer 1

在變量后添加值，如下代碼：

function billingFunction(){
    if (document.getElementById('same').checked){
        var name = document.getElementById('shippingName');
        var zip = document.getElementById('shippingZip');
        document.getElementById('billingName').value = name.value;
        document.getElementById('billingZip').value = zip.value;
    }

    else{
        document.getElementById('billingName').value = ""
        document.getElementById('billingZip').value = ""
    }

}

Answer 2

您正在為對象分配變量而不是值

 function billingFunction(){ if (document.getElementById('same').checked){ var name = document.getElementById('shippingName'); var zip = document.getElementById('shippingZip'); name=name.value; zip=zip.value; document.getElementById('billingName').value = name; document.getElementById('billingZip').value = zip; } else{ document.getElementById('billingName').value = "" document.getElementById('billingZip').value = "" } }