jquery - добавить скрытое поле ввода на клавиатуре?

Question

У меня есть скрытое поле ввода, которое я хочу добавить в текст в зависимости от того, что пользователь входит в два других поля.

Так,

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

Если пользователь Во-первых, в первом поле ввода и Второму во втором поле ввода, я хочу в поле ввода имя, которое будет «Первый Второй» ...

Пробовал использовать keyup и keypress, но не мог заставить его добавить то, что уже есть?

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

Для чего вы используете эту функцию?

Возможно, проще просто извлечь данные из двух текстовых полей, когда они фактически используются.

Или экземпляр, просто буквально добавьте его, когда отправляемые данные отправляются.

Если это происходит с формой submit, просто установите обратный вызов.

$("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

ид их & вы можете использовать это как jumpoff

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