Javascript 获取要在div中显示的默认值

当前，当页面加载default值10时，会显示我想要的结果：

自定义金额显示：

但是，如果我在自定义区域中键入某个内容，然后将其删除，则不会显示默认值。如图所示：

即使用户删除了他们的自定义金额，我怎么能得到10来显示呢。我基本上希望10始终显示用户是否没有输入金额或单击其他按钮

这是我的js：

$(document).ready(function() {
      $('#donation-amount').keyup(function() {
      $('#display-amount').text($(this).val());
      });
     $( ".selectvalue" ).click(function() {
        $('#display-amount').text($(this).val());
     });

    $(".buttons .btn").click(function(){
        $(".buttons .btn").removeClass('active');
        $(this).toggleClass('active'); 
    });
    $('#display-amount').text($('#default').val());

});

和我的html：

  <div class="choose-pricing">
          <div class="btn-group">
          <div class="buttons">
            <button type="button" id="default" class="btn btn-default selectvalue hover-color active" value="10">10</button>
            <button type="button" class="btn btn-default selectvalue hover-color" value="15">15</button>
            <button type="button" class="btn btn-default selectvalue hover-color" value="20">20</button>
            <input type="Custom" name="donation-amount" class="inpt-first form-control" id="donation-amount" onclick="if(this.defaultValue == this.value) this.value = ''" onblur="if(this.value=='') this.value = this.defaultValue" value="Custom">
            </div>
            <input type="hidden" name="donation-amount-value" id="donation-amount-value">
          </div>
          <div class="money-donate">
            <div class="display-amount" id="display-amount">
            </div>
          </div>
        </div>

10
15
20

任何帮助都将不胜感激

你可以这样做

将默认值存储在全局中，然后在值为空时应用

var defaultValue = 10;

$('#donation-amount').keyup(function() {
    if($(this).val()) {
         $('#display-amount').text($(this).val());
    } else {
        $('#display-amount').text(defaultValue );
    }
});

请参见此处的操作

您可以这样做

将默认值存储在全局中，然后在值为空时应用

var defaultValue = 10;

$('#donation-amount').keyup(function() {
    if($(this).val()) {
         $('#display-amount').text($(this).val());
    } else {
        $('#display-amount').text(defaultValue );
    }
});

---

看这里的行动

嗯，现在10根本没有出现。我有这样一个：var默认值=10；$（“#捐赠金额”）.keyup（函数（）{if（$（this.val（））{$（“#显示金额”）.text（$（this.val（））；}否则{$（'#显示金额'）.text（默认）；}）；sry，

默认值是关键字。将它重命名为其他名称，它将工作。它仍然不工作。我将变量更改为defaultPrice，但仍然没有显示任何内容请参见附件中的工作示例。单击链接，您可能会错过somrthingnevermind！它起作用了。我把它放在文件里。准备好了，现在我把它放在外面了！非常感谢。嗯，现在10号根本没有出现。我有这样一个：var默认值=10；$（“#捐赠金额”）.keyup（函数（）{if（$（this.val（））{$（“#显示金额”）.text（$（this.val（））；}否则{$（'#显示金额'）.text（默认）；}）；sry，
默认值是关键字。将它重命名为其他名称，它将工作。它仍然不工作。我将变量更改为defaultPrice，但仍然没有显示任何内容请参见附件中的工作示例。单击链接，您可能会错过somrthingnevermind！它起作用了。我把它放在文件里。准备好了，现在我把它放在外面了！非常感谢。只需在每次更改时检查自定义文本框的值，它为空或等于零，然后使用10/15/20（以按者为准）只需在每次更改时检查自定义文本框的值，它为空或等于零，然后使用10/15/20（以按者为准）