javascript - Jquery根据用户对其他文本框的输入将值绑定(bind)到文本框

Question

我有 2 个文本框:

<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的内容具有字符串“空”。

类似于:

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('') 设置输入的值并返回一个 jQuery 对象，并且该对象被认为是 true 值JavaScript。