如何使用 Mootools 操作表单

Question

我正在尝试使用 Mootools 操作表单。我的目的是将表单的响应内容注入到名为 result 的 div 元素中。

这里的代码可以工作，但它替换了 result div 的内容。这不是我想要的：我想将表单响应内容添加到结果 div 现有内容中。我只是在网上找不到如何做到这一点，并且我尝试了很多不起作用的方法......请帮助

window.addEvent('domready', function() {      
  $('myform').addEvent('submit', function(e) {    
    e.stop();     
    var result = $('result').empty();      
    this.set('send',{    
        url: this.get('action'),    
        data: this,    
        onSuccess: function() {    
            result.set("html", this.response.text);    
        }    
    }).send();      
  });      
});      

Answer 1

如果您只想添加文本，只需删除 empty 方法，并将 result.set() 替换为 result.appendText() 即可。

如果您需要附加元素树，请重复第一步，然后执行以下操作：

onSuccess: function(){
    Elements.from(this.response.text).inject(result);
}

顺便说一句。一切都在文档中 - http://mootools.net/docs/core/Element/Element