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()); });