layui 文本自动填充

最新推荐文章于 2023-04-12 17:27:04 发布

weixin_30782293

最新推荐文章于 2023-04-12 17:27:04 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发工具前端 ViewUI

原文链接：http://www.cnblogs.com/tyler-bog/p/11068300.html

这篇博客介绍了如何使用layui前端框架实现文本自动填充功能。通过提供的js代码和html代码示例，配合特定的数据格式，可以理解并应用到实际项目中。详细步骤包括引用layui插件、编写js逻辑以及设定data数据结构。

layui 插件地址：点我

js代码：

layui.config({
    base: '../layui/autocomplete/'  // 自己autocomplete文件路径
    , version: false,
    debug: false,
});

layui.use(['jquery', 'autocomplete'], function () {
    var $ = layui.jquery,
        autocomplete = layui.autocomplete;
    autocomplete.render({
        elem: $('#end'),
        cache: true,
        url: '/static/data.json',
        response: {code: 'code', data: 'data'},
        template_val: '{
    
    {d.name}}',
        template_txt: '{
    
    {d.name}} <span class=\'layui-badge layui-bg-gray\'>{
    
    {d.pinyin}}</span>',
        onselect: function (resp) {
            $('#content1').html("NEW RENDER: " + JSON.stringify(res