如何使用 Mootools 操作表单

Posted 2023-03-14

【中文标题】如何使用 Mootools 操作表单

【英文标题】：How to manipulate forms with Mootools

【发布时间】：2011-07-28 05:04:49

【问题描述】：

我正在尝试使用 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();      
  );      
);      

【参考方案1】：

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

如果你需要追加元素树，重复第一步，然后做：

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

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

【讨论】：

非常感谢您的回答。我只是不知道我们可以做到Elements.from。非常有用，谢谢！

确实，我一直在使用它。与Elements.from('<strong>greet</strong> Oskar'.substitute('greet': 'hello'));结合使用特别方便