jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery TokenInput插件在Rails中动态自动完成大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用伟大的TokenInput插件( http://loopj.com/jquery-tokeninput/)来为rails做一些自动完成,并且对于模型中的正常数据集,它可以很好地工作.但我的问题是,在我的情况下,我实际上有2个文本框我想使用它,第二个的建议应该取决于第一个内容.
更具体地说:我需要选择一个足球俱乐部(我可以从我的数据库中的所有现有俱乐部中自动完成),然后选择参加比赛的球队.所以团队的自动完成应该只使用与已经选择的俱乐部相关联的团队,我完全不知道如何,甚至我是否可以在rails和这个插件中做到这一点(但插件本身不应该是一个障碍).
我想我的主要问题是我缺乏javascript的经验,特别是与rails结合使用.
有人在他/她的应用程序中做了类似的事情,可以帮助我吗?

解决方法

您的问题可能有许多不同的边缘情况.看一下tokenInput方法’onResult’.

也许你可以从第一个输入字段(input-1)获取当前值,并根据input-1评估输入-2的返回json,并过滤掉你不想要的值.
您将不经意地必须在rails创建的json数组中包含所需的id元素以进行过滤.

<script type="text/javascript">
        $(document).ready(function() {
            $("#input-1").tokenInput("http://railsapp.com/your/search/action");

            $("#input-2").tokenInput("http://railsapp.com/your/search/action",{
                onResult: function (results) {
                    var input-1 = $("#input-1").val();
                    $.each(results,function (index,value) {
                        // some JS to keep only results which match input-1 values
                    });

                    return results;
                }
            });
        });
        </script>

免责声明:这只是一个想法.

希望这可以帮助.

大佬总结

以上是大佬教程为你收集整理的使用jQuery TokenInput插件在Rails中动态自动完成全部内容,希望文章能够帮你解决使用jQuery TokenInput插件在Rails中动态自动完成所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: