jquery - 添加到隐藏输入字段的按键？

Question

我有一个隐藏的输入字段，我想追加文本取决于用户在两个其他字段中输入的内容。

所以，

<input type="hidden" name="name" value="" /> 
<input type="text" name="first" value="" /> 
<input type="text" name="second" value="" /> 

如果用户键入首先在第二个输入字段第一输入字段和第二，我想的名字输入字段为“第一第二” ...

尝试使用keyup和按键，但不能让它附加到已经存在的东西？

Answer 1

你可以这样做：

var $hidden = $('input[name=name]'), 
    $first = $('input[name=first]'), 
    $second = $('input[name=second]'); 
// bind to keyup and change events on $first and $second 
$first.add($second).bind('keyup change', function(e) { 
    $hidden.val($.trim($first.val()+' '+$second.val())); 
}); 

jsfiddle demo

Answer 2

你究竟使用这种功能？

从实际使用的两个文本字段中提取数据可能更容易。

或者实例，只是在发送数据的时候将其附加。

如果碰巧在表单提交中，只需设置一个回调。

$("form#id").bind('submit',function() { 
    name = $("input[name=first]").val() + $("input[name=second]).val() 
}); 

Answer 3

$('input[name=first], input[name=second]').keyup(function() { 
    var first = $('input[name=first]').val(); 
    var second = $('input[name=second]').val(); 
    $('input[name=name]').val(first + ' ' + second); 
}); 

Answer 4

ID他们&您可以使用此作为jumpoff

$('#first, #second').keyup(function(){ $('#hidden').val($('#first).val() + $('#second').val()); });