javascript - 获取页面加载时显示的默认值

Question

我正在尝试获取页面加载时显示的默认值。

每当有人导航到表单时，我试图让第一个按钮始终默认显示在显示捐赠 div 中。

目前，这就是页面加载时的样子。 10 突出显示但不显示。

这是我的 html

      <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>

这是我的 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'); 
    });
});

如有任何帮助，我们将不胜感激!

Answer 1

您当前正在请求 display-amount div 的 value 属性，该属性当然不存在。您需要类似 $('#display-amount').text($('.active').val()); 的内容。