2014-07-09 98 views
0

我有一個表單與多個文本輸入,我想獲取每個文本輸入的名稱和值,然後顯示它。多個輸入名稱和值與單個輸入與Jquery

因此,例如,我的代碼看起來是這樣的:

<form id="myForm"> 
    <input type="text" name="input1" value="value1" /> 
    <input type="text" name="input2" value="value2" /> 
    <input type="text" name="input3" value="value3" /> 
    <input type="button" name="showResults" /> 
</form> 

這樣便顯示出來:

input1 = value1, input2 = value2, input3 = value3 

感謝您的時間。

回答

0

喜歡這個:http://jsfiddle.net/Etm8K/

API:

希望休息適合您的需要。 :)

代碼

$("#myForm").find(":input[type=text]").each(function() { 
    // The selector will match buttons; if you want to filter 
    // them out, check `this.tagName` and `this.type`; see 
    // below 
    $('#display').html($('#display').html() + this.name + '=' + 
    $(this).val() + ','); 
}); 

enter image description here

+1

感謝,它正是我需要做的。正在嘗試一段時間,但從來不知道find()運算符或開關或任何它被稱爲(jquery不是我的強項)。我將如何去避免文本輸入是空的?再次感謝。 – user3818607

+0

@ user3818607很高興幫助你! –

+0

我試圖快速編輯我的回覆並潛入另一個問題,但失敗..對不起!我將如何去避免文本輸入是空的?再次感謝。 – user3818607