jquery - 如何获取具有多个表单输入的变量

Question

我刚刚开始学习 jQuery，但我遇到了一些问题。我有一张表格，要求提供姓名、地址、电子邮件和电话号码。现在，当按下提交按钮时，我想在 1 个变量中获取所有这些信息。然后我想在下一个选项卡中显示这个变量。

有人可以帮我吗？

Answer 1

格式重要吗？如果没有，这将为您提供序列化形式:

var value = JSON.stringify($('form').serializeArray());
alert(value);

然后您可以随意传递值。

更新

如果你想要更用户友好的东西，你可以尝试这样的东西。由于您尚未提供 HTML，我正在制作一个表单。

<input id="fullname" type="text" />
<input id="email" type="text" />
<input id="phone" type="text" />
<input id="submitButton" type="button" />

<div id="results"></div>

jQuery 会是这样的:

$('#submitButton').click(function()
{
    var value = $('#fullname').val() + '<br/>' + $('#email').val() + 
                '<br/>' + $('#phone').val();

    $('#results').text(value);

});

更新 2 如果您在使用事件处理程序时遇到问题，您可能需要尝试停止事件冒泡。通过将 event 参数添加到函数并调用 event.preventDefault()

$('#submitButton').click(function(event)
{
    //do stuff
    event.preventDefault();
});