javascript - JQuery 无法获取值

Question

我可以从文本区域获取文本/val。但我正在尝试从表单中获取输入。我读了很多文章来尝试不同的东西，但我只能从我的文本区域获取值/文本。

尝试序列化，得到相同的结果。我有一条打印出来的消息，我的 NodeJS 服务器在控制台上输出了相同的结果。我尝试过使用类而不是 ID。尝试向客户添加 type="text"不起作用。尝试使用 JSON.stringify 和不使用 cust 和 date。输入字段不起作用吗？我正在使用 JQuery 3.1.1

响应内容为:{日期:''，客户:'""'，注释:'注释位于此处'}

<form name="loginForm" method="post" action="/sendReturnForm" id="returnForm">

        <p>Date:</p>
        <input type="date" name="formDate" id="formDate"/>
        <p>Customer:</p>
        <input name="formCustomer" id="formCustomer"/>
        <p>Notes:</p>
        <textarea rows="5" cols="40" id="notes">Notes go here</textarea>
</form>

<script language="JavaScript">
    $(document).ready(function () {
        var values = {
            date: $("#formDate").text(),
            customer: JSON.stringify($("#formCustomer").text()),
            notes: $("#notes").text()
        };

        $(".submitButton").click(function () {
            $.ajax({
                url: '/sendReturnForm',
                type: 'POST',
                data: JSON.stringify(values),
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                async: false,
                success: function (msg) {
                    alert(JSON.stringify(values));
                }
            });
        });
    });
</script>

Answer 1

$('#formCustomer') 是一个输入字段，因此要获取其值，您需要使用 $('#formCustomer').val() 而不是 $("#formCustomer").text()