Question

我有一个隐藏的输入字段，我想根据用户在其他两个字段中输入的内容来附加文本。

所以，

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

如果用户在第一个输入字段中键入First而在第二个输入字段中键入Second，我希望名称输入字段为“First Second”...

尝试使用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

您到底在使用此功能到底是什么？

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

或者例如，无论发送的数据是什么，只要字面上附加它。

如果恰好在表单提交上，只需设置一个回调。

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

识别他们＆amp;你可以用它作为跳跃

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

jquery - 在keypress上添加隐藏的输入字段？

4 个答案: