javascript - 如何将函数转换为 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>在<form>里面在 html 中你可以使用这个:

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

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

如果它仍然不起作用，可能是因为您的“自动建议脚本”没有触发 change输入字段中的事件 #search .在这种情况下，您可以在 #search 的值之后将其添加到您的自动建议脚本中输入已设置:document.id('search').fireEvent('change'); .

检查这个demo如果有帮助。