jquery 人员选择器

颜良俊 3周前 10浏览 0评论

jQuery 人员选择器是一个非常实用的jQuery插件,它可以快速地帮助你实现人员选择的功能。该插件使用简单,且支持多种数据源。

// 引入jQuery和jQuery 人员选择器
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-selector-person/build/jquery-selector-person.min.js"></script>

// 基本使用方法
<input type="text" class="person-selector">

// 配置数据源
$('.person-selector').person({ 
    // 从静态数组中获取数据
    dataSource: [{ id: '001', name: 'Tom' }, { id: '002', name: 'Jerry' }], 
    textField: 'name', 
    valueField: 'id' 
});

// 获取选择的值
$('.person-selector').person('getValue');

上面的代码演示了如何使用jQuery 人员选择器实现基本的人员选择功能,并且支持多种数据源。如果你需要在开发中快速实现此功能,那么jQuery 人员选择器是不错的选择。