将结帐页面中的自定义字段与发货字段合并

<form id="checkoutForm">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name" required><br>

    <label for="address">地址:</label>
    <input type="text" id="address" name="address" required><br>

    <label for="customField">特殊要求:</label>
    <textarea id="customField" name="customField"></textarea><br>

    <button type="submit">提交订单</button>
</form>

document.getElementById('checkoutForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取自定义字段的值
    var customField = document.getElementById('customField').value;

    // 假设我们有一个函数来处理合并后的数据
    handleMergedData({
        name: document.getElementById('name').value,
        address: document.getElementById('address').value,
        customField: customField
    });
});

function handleMergedData(data) {
    // 这里可以添加逻辑将数据发送到服务器或进行其他处理
    console.log('合并后的数据:', data);
}