jQuery根據用戶對其他文本框的輸入將值綁定到文本框

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('')設置input的值並返回jQuery對象，並且該對象在JavaScript中被視為真實值。