当前位置 : 主页 > 网页制作 > JQuery >

预填充jquery令牌输入文本框

来源:互联网 收集:自由互联 发布时间:2021-06-15
在页面加载我有一个令牌输入,即, $('.txtWard').tokenInput(ward, { theme: 'facebook', allowCustomEntry: true, preventDuplicates: true, tokenDelimiter: '*', searchingText: 'Searching...' }); 但问题是,当我点击另一个按钮时
在页面加载我有一个令牌输入,即,

$('.txtWard').tokenInput(ward, {
                                        theme: 'facebook',
                                        allowCustomEntry: true,
                                        preventDuplicates: true,
                                        tokenDelimiter: '*',
                                        searchingText: 'Searching...'
                                    });

但问题是,当我点击另一个按钮时,我想将项目预先填充到此令牌输入文本框.当我使用下面的代码时,文本框复制为另一个文本框.

$(document).ready(function () {
            $('.txtWard').tokenInput(ward, {
                theme: 'facebook',
                allowCustomEntry: true,
                preventDuplicates: true,
                tokenDelimiter: '*',
                searchingText: 'Searching...'
            });
            $('#btnGet').click(function () {
                var prepopulateWards = new Array();
                $.ajax({
                    type: "POST",
                    url: "FetchWard",
                    data: JSON.stringify({ patientNo: $('#txtPatientNo').val(), locale: 'en-US' }),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (result) {
                        for (var j = 0; j < result.wards.length; j++) {
                            prepopulateWards.push({ id: result.wards[j].Code, name: result.wards[j].ward });
                        }
                    }
                });
                $('.txtWard').tokenInput(ward, {
                    theme: 'facebook',
                    allowCustomEntry: true,
                    preventDuplicates: true,
                    tokenDelimiter: '*',
                    searchingText: 'Searching...',
                    prePopulateFromValue: true,
                    prePopulate: prepopulateWards
                });
            });

        });
你真的应该阅读文档.我以前从未见过这个插件,但设法解决了如何在几秒钟内将令牌添加到输入中.

而不是尝试在同一文本框上实例化插件两次,使用提供的方法将令牌添加到输入框.

http://loopj.com/jquery-tokeninput/

Methods

selector.tokenInput("add", {id: x, name: y});
Add a new token to the tokeninput with id x and name y.

因此,按钮的单击处理程序(或提交表单提交按钮时)应该是这样的:

$('.txtWard').tokenInput('add',ward);

假设病房是所需格式的有效对象,而我正在对您的代码所做的事情进行假设.但那几乎就是你需要做的事情.

网友评论