jquery - 如何在删除输入中键入的值后在 span 上显示默认文本值

Question

我有一个 input 及其默认文本，如果我在 input 中输入，我会在另一个 span 中得到它，但如果我删除并键入一个新的 input value 最后，如果我删除那个 input value 现在 input value 是空的并且 span text 也是空的，那么如何将 default span 值设置为类似于 input default value 的值。

HTML

<input type="text" value="Sample"/>
<span>Sample Text</span>

jQuery

$("input").keyup(function() {
var value = $("input").val();
$( "span" ).text(value);
});

Answer 1

只需使用 if/else。

$("input").keyup(function() {
  var value = $(this).val();
  if (value.length > 0){
    $( "span" ).text(value);
  } else {
    $( "span").text('Some default value');
  }
});