如何将函数转换为MooTools？

Question

我们有这段代码可以自动提交表单，当用户搜索表单时，我们又不想再使用它，因为它很脏，我们如何在MooTools中完成此工作？

谢谢

<script type="text/javascript">
function autosubmit() {
    setTimeout("document.search_form.submit()", 1000);
}
</script>

<input type='text' class='home_signin_field' id='search' name='user' size='30' onchange="autosubmit()">

我们有一个自动提示脚本，当您在该字段中键入内容时，该脚本会下拉列表结果，单击结果时，它会自动将文本插入字段，这就是我们使用混乱方法的原因。 自动完成脚本不会自动提交表单。

这是我们的AutoSuggest脚本：

<script type="text/javascript">
  <!--
    window.addEvent('domready', function(){
      var options = {
        script:"results.php?task=suggest_user&limit=3&",
      varname:"input",
      json:true,
      shownoresults:false,
      maxresults:5,
      multisuggest:false,
      callback: function (obj) {
      }
    };
    var as_json = new bsn.AutoSuggest('search', options);
  }
);
  //-->
</script>

我可以简单地添加onchange="$('search_form').submit(); return false;" 到输入字段，但是重定向如此之快，字段中的全文不会保留，因此提交后捕获了2个字符（破坏了结果）。

Answer 1

如果您的<input>在html的<form> ，则可以使用以下命令：

document.id('search').addEvent('change',function(){   
    this.form.submit();
});

如果没有，您可以直接调用表单并使用.submit() 。

如果仍然无法使用，则可能是因为您的“自动提示脚本”没有在输入字段#search触发change事件。 在这种情况下，可以在设置#search输入的值后将其添加到自动提示脚本中： document.id('search').fireEvent('change'); 。

检查此演示是否有帮助。