jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 使用Twitter Bootstrap Typeahead处理对象大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Bootstrap Typeahead插件,如下所示:

$('#Organisation').typeahead({
            source: function (query,process) {
                return $.get(AppURL + 'Organisations/Manage/SearchByName/',{
                    term: query
                },function (data) {
                    var results = [];
                    var fullResults = [];
                    $.each(data,function (index,item) {
                        results.push(item.label);
                        fullResults.push({
                            id: item.ID,label: item.label
                        });
                    });

                    return process(results);


                });
            },updater: function (SELEction) {
                $('#OrganisationID').val(SELEction);
            }
        });

我有两个返回的数组,这是因为Typeahead只需要一个字符串列表而不是一个对象.第二个数组包含label和id.

一旦用户从列表中选择一个项目,我需要从该选择中获取ID,然后使用它插入隐藏字段.但选择将只是名称,因为ID不能通过Typeahead传递.

关于如何解决这个问题的任何想法?

两个返回数组的示例:

结果:[“组织1”,“组织2”]

fullResults:[{“label”:“Organization 1”,“ID”:2},{“label”:“Organization 2”,“ID”:1}]

解决方法

在网上搜索了一下后,我找到了 this HowTo.在它里面他们做你想要的,但没有ajax.

您还应该能够从源函数返回一个对象,但是您需要重新实现typeahead的所有辅助函数.

@H_801_30@

大佬总结

以上是大佬教程为你收集整理的jquery – 使用Twitter Bootstrap Typeahead处理对象全部内容,希望文章能够帮你解决jquery – 使用Twitter Bootstrap Typeahead处理对象所遇到的程序开发问题。

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

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