TypeError：'stepUp'對一個沒有實現接口HTMLInputElement的對象調用ajax請求

Question

我真的很討厭成爲問一個已經被問過的問題，但是我找到的其他解決方案都沒有爲我工作。我正在嘗試獲取輸入的值並用ajax發送它。

$("#cell_number").on("change", function() { 
    var cell_number = $(this).val(); 
}); 

以下是通過發送數據的代碼：

submitHandler: function(form) { 
    var stringifyMessage = message.join(" "); 
    var smsformdata = { 
     action: 'handle_form_submit', 
     full_message: stringifyMessage.trim(), 
       cell_number: cell_number 
    }; 

    $.post('http://***/admin-ajax.php', smsformdata, function(response) { 

    }) 
    .complete(function() { 
     $("#sms_form")[0].reset(); 
     myOnload(); 
    }) 

     return false; 
}, 

我試圖把val()的smsformdata數組中，你可以看到我已經把它直上的變量，我我嘗試了一些不同的「字符串」方法，我試過.attr('value'); ....不知道從哪裏去！

Answer 1

你得到的錯誤，因爲在

cell_number: cell_number 

cell_number與該ID的HTMLInputElement。

---

這應該工作

var smsformdata = { 
    action: 'handle_form_submit', 
    full_message: stringifyMessage.trim(), 
    cell_number: $('#cell_number').val() 
}; 

注意

$("#cell_number").on("change", function() { 
    var cell_number = $(this).val(); 
}); 

因爲你只存儲值到局部變量var cell_number沒有效果。