如何獲取具有多個表單輸入的變量

Question

我剛開始學習jQuery，並且遇到了一些問題。我有一個表格要求提供姓名，地址，電子郵件和電話號碼。現在我想在按下submitbutton的時候將所有這些信息放在1個變量中。然後我想在下一個標籤中顯示這個變量。

有人可以幫我嗎？

Answer 1

HTML

<form> 
    <input type="text" id="txtfirstname"/> 
    <input type="text" id="txtlastname"/> 
    <a href="#" id="submitForm">Submit</a> 
</form> 

的JavaScript

$(function(){ 

    var person = new Object(); 

    $('#submitForm').click(function(event){ 

     person = new Object(); 
     person.FirstName = $('#txtfirstname').val(); 
     person.LastName = $('#txtlastname').val(); 
     //.... 

     //hide current tab. 

     //initialize next tab with properties of person. 

    }); 
}) 

Answer 2

是否格式回事？如果不是，這將讓你的序列化形式：

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

然後你就可以繞過value但是你喜歡。

UPDATE

如果你想要的東西更友好的用戶，你可以嘗試這樣的事情。既然你還沒有提供你的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(); 
});