Javascript 将加载的.gif图像添加到.val（）中

如何将正在加载的.gif图像添加到脚本中的.val（）

我试过：

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

this.submitButton.val（“”）.prop（'disabled'，true）；

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

init:function（）{
   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();
    },

this.form=$（“#账单表单”）；
this.submitButton=this.form.find（'input[type=submit]'）；
this.submitButton值=this.submitButton.val（）；
var stripeKey=$（'meta[name=“publishable key”]”）。attr（'content'）；
Stripe.setPublishableKey（stripeKey）；
这是bindEvents（）；
},
bindEvents:function（）{
this.form.on（'submit'，$.proxy（this.sendToken，this））；
},
sendToken:函数（事件）{
this.submitButton.val（“”）.prop（'disabled'，true）；
createToken（this.form，$.proxy（this.stripeResponseHandler，this））；
event.preventDefault（）；
},

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

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

---

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

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

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

下面是第一个示例的JSFIDLE：

---

您能添加相关的html和js代码吗？这是一个很难处理的问题。当然，您不能这样做，因为

元素。value

只是一个字符串，不接受HTML，如果按钮是

标记，您可以使用

HTML（）

来代替。这是您的标记吗？如果是这样的话，你应该把它添加到问题中，而不是答案中？太长了，无法输入答案。我有这个。submitButton=this.form.find（'input[type=submit]'）；而不是this.submitButton=this.form.find（'button[type=submit]'）；基本上是想在点击按钮时显示旋转的gif之类的东西，等待来自条带服务器的ajax响应。这两种解决方案都是这样做的

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