本文讲解如何通过 ajax 查询 mysql 数据, 并将返回的数据显示在待选列表中, 再通过选择最终将选项加入到已选区, 可以用在许多后台管理系统中本文列表框的操作依赖 jquery 插件
说明, HTML 内容是一个表单, 里面放置有一个查询输入框, 和一个列表框, 以及相关按钮
MYSQL 数据表结构
- CREATE TABLE IF NOT EXISTS `t_mult` (
- `id` int(11) NOT NULL auto_increment,
- `username` varchar(32) NOT NULL,
- `phone` varchar(20) NOT NULL,
- PRIMARY KEY (`id`)
- ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
表 t_mult 是一张联系人资料表, 包括姓名和手机号码字段
本例中只加载了 Multiselect 插件所需的样式文件, 其他 CSS 大家可以自行设计
JAVASCRIPT
首先需要引用本例所需的两个 js 文件
来源: https://www.php1.cn/detail/php-b33e0ead3a.html