Question

如何在我的脚本中将.gold（）添加到.val（）？

我试过了：

this.submitButton.val('<input type="image" src="http://localhost:8000/loader.gif">').prop('disabled', true);

但它不起作用！有什么建议吗？

Answer 1

   init: function() {
       this.form = $('#billing-form');
       this.submitButton = this.form.find('input[type=submit]');
       this.submitButtonValue = this.submitButton.val();

       var stripeKey = $('meta[name="publishable-key"]').attr('content');
       Stripe.setPublishableKey(stripeKey);

       this.bindEvents();
    },

    bindEvents: function() {
        this.form.on('submit', $.proxy(this.sendToken, this));
    },

    sendToken: function(event) {
        this.submitButton.val('<input type="image" src="http://localhost:8000/loader.gif">').prop('disabled', true);

        Stripe.createToken(this.form, $.proxy(this.stripeResponseHandler, this));

        event.preventDefault();
    },

Html只是一个标准按钮，如下所示：

     <input type="submit" value="Subscribe">

Answer 2

这可能是您问题的解决方案：

<button type="submit">Button</button>

$(document).ready(function(){
    $('button').on('click', function(){
       $(this).append('<img src="" width="10" height="10" />'); 
    });
});

请注意我在我的示例中使用了按钮，而不是输入，因为输入不允许在内部应用任何内容

如果你想坚持输入标记，可以考虑在加载时添加一些类，例如

.loading {
    background: url(...)
}

这是第一个例子的jsfiddle： http://jsfiddle.net/Xu84a/

将loading.gif图像添加到.val（）

2 个答案: