jQuery实例——jQuery实现联动下拉列表查询框--转http://www.cnblogs.com/picaso/archive/2012/04/08/2437442.html#undefine...

weixin_30448685

于 2016-11-15 17:22:00 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/anruy/p/6066542.html

本文介绍使用jQuery实现的联动下拉列表查询框功能。通过示例演示如何在选择不同级别选项时更新下级选项，例如从国家到省市的级联选择。提供了完整的HTML和JavaScript代码。

jQuery实例——jQuery实现联动下拉列表查询框

在查询与列表显示的时候经常用到联动列表显示，比如一级选项是国家，二级选项是省，三级是市，这样的联动是联系的实时导出的，比如你不可能选择了四川省却在三级联动栏中出现济南市，这样的联动实现方法如下：

效果图示：

实现源代码：

<!DOCTaYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="keywords" content=" keywords" />
    <meta name="description" content="description" />
</head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">

转载于:https://www.cnblogs.com/anruy/p/6066542.html