如何通过jQuery将表单输入字段附加到主字段?

时间:2013-04-02 19:17:22

标签: jquery forms input append

我正在尝试根据其他表单字段值自动填充表单字段。

例如,如果我要求三个名字,我希望根据这三个名称填充另一个字段(#MyInput)。

name 1 <input type="type" value="" class="names" /><br />
name 2 <input type="type" value="" class="names" /><br />
name 3 <input type="type" value="" class="names" /><br />
list <input type="text" id="MyInput" /><br />

脚本:

$('.names').keyup(function() {
var myInput = $('#MyInput').val('')[0];

$('.names').val().each(function(){
 myInput.value += this.value + ' ';

});
}).keyup();

小提琴:http://jsfiddle.net/SQcGq/21/

1 个答案:

答案 0 :(得分:1)

$('.names').val().each(function(){
 myInput.value += this.value + ' ';

});
}).keyup();

应该是

$('.names').each(function(){
 myInput.value += this.value + ' ';

});
}).keyup();

http://jsfiddle.net/SQcGq/22/