位置: 编程技术 - 正文
推荐整理分享PHP+Mysql+jQuery查询和列表框选择操作实例讲解,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
本文讲解如何通过ajax查询mysql数据,并将返回的数据显示在待选列表中,再通过选择最终将选项加入到已选区,可以用在许多后台管理系统中。本文列表框的操作依赖jquery插件。
HTML
说明,HTML内容是一个表单,里面放置有一个查询输入框,和一个列表框,以及相关按钮。
MYSQL数据表结构
表t_mult是一张联系人资料表,包括姓名和手机号码字段。
CSS
本例中只加载了Multiselect插件所需的样式文件,其他CSS大家可以自行设计。JAVASCRIPT首先需要引用本例所需的两个js文件。
接着我们来调用Multiselect插件。
然后我们来写搜索按钮进行Ajax查询数据的操作。
说明,当点击搜索按钮时,进行的是Ajax异步操作,JAVASCRIPT将获取的搜索框的输入值,以POST方式传递给后台程序action.php处理,处理后,返回不同的结果给JAVASCRIPT,如果返回1,HTML页面会提示“没有记录”,反之,则将结果输出给左边列表框(待选区):liOptionms2side__sx。注意关键的地方到了,为什么列表框不是XHTML离的liOption,而变成了liOptionms2side__sx了呢?这个要从Multiselect插件说起,Multiselect插件其实就是将一个列表框装换成左右两个列表框,已供相关操作,通过查看其插件代码不难发现,左边的列表框名为:liOptionms2side__sx,右边列表框(已选区)名为:liOptionms2side__dx,后面会用到。
PHP
首先来看action.php的处理。第一步是连接数据库。
第二步读取数据,并输出。通过检测搜索框传来的值,构造不同的SQL语句,并将数据返回输出,代码如下:
最后还有一个提交操作,后台post.php程序来获取最终提交的项的值。
注意,我们获取的是右边列表框liOptionms2side__dx的值,而不是liOption的值。一个查询、操作的例子实现了,但是还有一点点瑕疵,在待选区往已选区添加项目时,如何判断控制已经添加过的项目不能重复添加,这个就留给大家思考吧,试一试有什么好的解决方式。
jQuery+PHP发布的内容进行无刷新分页(Fckeditor) 这篇文章将使用jQuery,并结合PHP,将Fckeditor发布的内容进行分页,并且实现无刷新切换页面。本文假设你是WEB开发人员,掌握了jQuery和PHP相关知识,并
php数字每三位加逗号的功能函数 php实现数字格式化,数字每三位加逗号的功能函数,具体代码如下:functionnum_format($num){if(!is_numeric($num)){returnfalse;}$num=explode('.',$num);//把整数和小数分开$
浅谈php7的重大新特性 截止到目前为止,PHP官方已经发布了php7的RC5版本,预计在月份左右会发布第一个正式版本!现在来说php7的重大特性肯定已经是定型了,不会再有什么
标签: PHP+Mysql+jQuery查询和列表框选择操作实例讲解
本文链接地址:https://www.jiuchutong.com/biancheng/275346.html 转载请保留说明!友情链接: 武汉网站建设