2013-04-02 63 views
0

我试图根据其他表单字段值自动填充表单字段。如何通过jQuery将表单输入字段添加到主字段?

例如,如果我要求三个名称,我希望根据这三个名称填充另一个字段(#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
$('.names').val().each(function(){ 
myInput.value += this.value + ' '; 

}); 
}).keyup(); 

应该

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

}); 
}).keyup(); 

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