使用Jquery将多个输入名称和值放入单个Input中

Question

我有一个包含多个文本输入的表单，我想获取每个文本输入的名称和值，然后显示它。

例如，我的代码看起来像这样：

<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

感谢您的时间。

Answer 1

像这样：http://jsfiddle.net/Etm8K/

API：

• http://api.jquery.com/html/
• http://api.jquery.com/each/

希望休息符合你的需要。 :)

<强>代码

$("#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() + ',');
});