无法将表单字段值存储为 jQuery 变量

Question

我在将表单字段值存储为 jQuery 变量时遇到问题。我的控制文本正在存储和调用，就像一个魅力。经过大量测试后，我仍然不确定我在这方面遗漏了什么。也许是我没看到的愚蠢的人为把戏？

这是fiddle：https://jsfiddle.net/brokenmold/f78vrs16/5/

<form class="ajaxform form-horizontal" method="POST" action="">
    <label for="billing_org" class="sr-only">Billing Org</label><br>
    <input type="text" name="billing_org" class="form-control" value="Test Billing Co" placeholder="Billing Org"><br><br>

    <label>
        <input type="checkbox" name="shipping_same" id="shipwreck"> Ship Same As Billing
    </label><br><br>

    <label for="shipping_org" class="sr-only">Shipping Org</label><br>
    <input type="text" name="shipping_org" id="shipping_org" class="form-control" value="Not Checked" placeholder="Shipping Org"><br><br>

    <label for="control_test" class="sr-only">Control Test</label><br>
    <input type="text" name="control_test" id="control_test" class="form-control" value="Not Checked" placeholder="Contol Test">
</form>

$("#shipwreck").on('click', function() {
    var billing_org = $('#billing_org').val();
    var control_test = "Control Test";

    if ($('#shipwreck').prop('checked')) {
        $("#shipping_org").val(billing_org);
        $("#control_test").val(control_test);
    } else {
        $("#shipping_org").val("Not Checked");
        $("#control_test").val("Not Checked");
    }
});

https://jsfiddle.net/brokenmold/f78vrs16/5/

Answer 1

您的 HTML 有缺陷。 billing_org 字段上没有 ID，因此存储该值的代码将不起作用。将输入字段的 HTML 更改为此，您应该没问题：

<input type="text" name="billing_org" id="billing_org" class="form-control" value="Test Billing Co" placeholder="Billing Org">

以上与原始代码相比的唯一变化是添加了 id="billing_org"。

越简单的越容易漏掉！

无法将表单字段值存储为 jQuery 变量

Trouble storing form field value as jQuery variable

javascript

forms

jquery

var