如何使用 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