Jquery根据用户对其他文本框的输入将值绑定到文本框

Question

我有两个文本框：

<table id="table1">
  <tr id="first_row">
    <td><input type="text" id="txt1"></td>
    <td><input type="text" id="txt2"><td>
  </tr>
</table>

我拥有它，以便另一个人的内容填充一个人的文字：

$('#txt2').keyup(function(){
  var content = $('#txt2').val();
  $('#txt1').val(content);
});

当＃txt2的内容为空时，我试图让＃txt1的内容包含字符串＆＃34;为空＆＃34;。

类似的东西：

if ($('#txt2').val('')) {
  $('#txt1').val('empty');
}

但是实时，而不是仅仅在页面上加载。

Answer 1

您可以使用placeholder属性。当输入的值为空字符串时，浏览器会显示指定的占位符。

如果这不是选项而您想使用JavaScript处理它：

$('#txt2').keyup(function(){
  var content = this.value.trim() || "empty";
  $('#txt1').val(content);
}).triggerHandler('keyup');

另请注意，为了进行比较，您应该编码：

if ( $('#txt2').val() === '' ) {
   // value is an empty string
}

$('#txt2').val('')设置input的值并返回一个jQuery对象，并且一个对象在JavaScript中被视为truthy值。