当前位置:首页 > 日记 > 正文

实例说明:两级联动下拉菜单

实例说明:两级联动下拉菜单
两级联动下拉菜单选择应用在很多地方,如省市下拉联动、商品大小类下拉选择链接等。本文将通过一个实例来说明如何利用mysql实现两级下拉链接的大小分类效果。

实现效果:当选择大类时,小类下拉框中的选项内容也会发生变化。

实现原理:根据一个大类的值,通过jQuery将值传输到后台PHP。PHP查询MySQL数据库并获取相应的小类,并将JSON数据返回给前端处理程序。

XHTML

首先,我们必须设置两个下拉选择框,第一个是大类,第二个是小类,大类的值可以预先编写,也可以从数据库中读取。

大的类别:

前端技术
程序开发
数据库

小类:

闪光
PS
jQuery

写一个函数来获得大类选择框的值的第一个,与美元通过背景server.php。getJSON方法,JSON数据读回来,和美元的方法。每个遍历JSON数据,相应的值写入选项字符串,然后附加选项的小类。

功能getselectval(){
美元。getJSON(PHP 服务器。
无功smallname = $(# smallname );
$(选项)(。删除,smallname) / /清晰;原来的选项
$(JSON,函数(下标,数组){)
期权= +阵{标题} + ;
smallname.append(选项);
});
});
}
注意,在遍历JSON数据之前,必须清空小类中的原始项。有两种方法可以清理选项,一种是在前面的代码中提到的,另一种是更简单、更直接的方法:

Smallname。();
然后,在加载页面之后,执行调用函数:

$(函数(){())
GetSelectVal();
$(# bigname)。变化(函数(){)
GetSelectVal();
});
});
在开始页面,下拉框是设置选项,所以getselectval()开头,并getselectval()是当大类选项更改为。

PHP

include_once(连接。PHP); / /数据库链接。

bigid美元美元_get { =bigname};
如果(isset($ bigid)){
$ Q = mysql_query(SELECT * FROM目录CID = $ bigid );
而($行= mysql_fetch_array($ Q)){
选择数组();
}
回声json_encode($选择);
}
根据大类通过jQuery的值,构造SQL语句查询分类表和JSON数据最终输出。同时,我们没有解释什么特别的东西,如PHP和MySQL的连接和查询语句,等等,它们都使用了原句的方法,这样作为mysql_query,等等,目的是使读者能够直观地了解数据传输查询。

最后,附加了mysql表结构。

创建表(目录)
` ID ` MEDIUMINT(6)不为空auto_increment,
` CID ` MEDIUMINT(6)不为空的默认'0',
`标题` varchar(50)不为空,
主键(id)
= MyISAM引擎默认的字符集utf8);
以上是两级下拉菜单的三级组合的介绍。该计划仍有一些不足之处。我们需要进一步改进。我希望这篇文章能给你一些启发。

相关文章

ps智能对象不可编辑的两种解决方案

ps智能对象不可编辑的两种解决方案

智能,解决方案,对象,两种,编辑,当PS遇到不能编辑的智能对象的图片时,PS会做什么使用ps图像处理,打开请求不能完成,因为智能对象不能编辑,这是如何共享下面两个解决方案的PS智能对象不能编辑,需要朋友可以参考下一个。 我们会遇到这样的情况,如果…

PS图象处理软件鞋出了小块的光。

PS图象处理软件鞋出了小块的光。

出了,图象,小块,处理软件,电脑软件,今天,我们是教人使用PS图象处理软件创造光的碎片,小的碎片散落。教程很漂亮,你喜欢的朋友可以一起学习。 本教程的重点是对粒子的零部件的生产。作者用两套画笔,首先,较小的颗粒在鞋。刷完后,复制了几层。增加…

教你多小要用ps调整的大小

教你多小要用ps调整的大小

调整,要用,教你,大小,电脑软件,今天我想给大家介绍一下如何使用ps来调整图片的大小,你想要调多小,你想调多大,多么简单,没办法,朋友们可以参考一下,希望大家喜欢。 有时人们上传图片到网站上,特别是当文件被照亮时,他们不会因为太大而上传。那你是…

ps为绘画效果教程添加

ps为绘画效果教程添加

教程,效果,电脑软件,ps,本教程是向朋友介绍PS给朋友添加绘画效果的。本教程制作的绘画效果非常好。方法很简单。这里有一个详细的介绍给你。让我们看一看。 用PS技术拍照片是不是很奇怪那些没有听说过的小朋友可能会觉得很难。实际上,PS画的…

利用滤波器中的高斯模糊进行背景的

利用滤波器中的高斯模糊进行背景的

模糊,高斯,器中,背景,电脑软件,本教程介绍给一个朋友,ps,使用高斯模糊过滤器来处理模糊背景。本教程是比较基础的,非常适合初学者学习。推荐朋友跟随教程学习。 为了突出画面的主体性,我们经常使用ps对背景进行模糊处理。常用的方法是在滤波器…

经典签名文件推荐经典签名

经典签名文件推荐经典签名

推荐,签名文件,经典,电脑软件,童话结束了,遗忘就是幸福。Rdquo,为你的QQ选择一个经典的签名。 1,为你留下无尽的泪水,换来一个不爱我的人。 2,当你累了,停下来休息一会儿,只记得离开。 3、即使明天很远,四季的变迁,马的碰撞,我也会永远。 4。有些路很…

在2015qq幸福签名档有什么幸福的个

在2015qq幸福签名档有什么幸福的个

有什么,签名档,个性签名,电脑软件,qq,每个人都有自己的签名。你必须绞尽脑汁才能使你的签名与众不同。现在没有必要纠结了。这里有一些2015qq签名签署萧边,你看到了吗 1,最幸福的不是悟空七十二变,而是自由;唐是最幸福的东西不漂亮,但我得到了圣…

CDR如何将文件输出到JPG类型

CDR如何将文件输出到JPG类型

文件,类型,输出,如何将,电脑软件,如何将文件输出到JPG图像类型之前,我们介绍了中文版的输出方式,今天我们将看看英文版应该如何导出为JPG格式。其实也很简单,下面分享详细的教程,需要的朋友可以参考下。 在这里,我们将教你如何输出所有的数据文…

QQ搞笑签名个性签名大全

QQ搞笑签名个性签名大全

个性签名,搞笑,大全,电脑软件,QQ,随着网络技术的不断发展,网络对人们生活的影响,越来越多的QQ成为使用最广泛的聊天工具,促进网络交际功能实现的关联,一个好的标志,能让人记忆深刻的话,萧边介绍了一些有趣的签名,QQ在这里,我希望你能喜欢哦。 1,所谓…

实现了无限类的分类

实现了无限类的分类

分类,无限,实现了,电脑软件,项目思维分析:PHP项目需要进行分类,但不一定要划分几个级别,因此您希望生成一个无限类。 开始时,数据库像以前一样构建了4个值,如下所示: 身份:PID:类ID |增量| xid:ID类名:|排名类别名称 后来人们认为读取和修改数据是…

同步和异步Ajax异步属性值之间的同

同步和异步Ajax异步属性值之间的同

异步,同步,属性值,差异,电脑软件,在jQuery的Ajax异步方法有一个属性,它是用来控制同步和异步。默认的是真的,那就是,Ajax请求是异步请求的默认,有时AJAX同步是在项目中使用。这意味着当同步代码加载到JS当当前Ajax将所有代码在页面停止加载页面…

如何实现基于javascript的私有成员语法特

如何实现基于javascript的私有成员语法特

特征,语法,成员,如何实现,电脑软件,前言 封装是面向对象的编程范式的一个基本概念,和私有成员是实现在传统的面向对象的语言如java封装的一个重要途径,C++。但在Javascript,不在语法特征为私有成员的支持,这也使得开发商使出各种js实现的技巧邪恶的…