首页 > 代码库 > jQuery cxSelect 多级联动下拉菜单

jQuery cxSelect 多级联动下拉菜单

2024-07-19 13:03:52   229人阅读

随着电商的火爆，这多级联动下拉菜单体现的更加充分，最明显的就是地址的多级联动下拉选择，所以这里就简单的分享一下

jQuery cxSelect 多级联动下拉菜单

cxSelect 是基于 jQuery 的多级联动菜单插件，适用于省市、商品分类等联动菜单。

列表数据通过 AJAX 获取（需要在服务器环境运行），也可以使用变量自定义，数据内容使用 JSON 格式。

提供国内省市县数据（数据来源：basecss/cityData Date: 2014.03.31）


个人一直都有习惯，当有新知识点需要学习的时候，做得第一件事情绝对是看API，然后在看Demo！所以先把API附上：


接着来看看我写的Demo吧，真的很简单！！！直接上代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href=http://www.mamicode.com/"">>
这个时候当然少不了效果图咯！
简单的实例就在这里了，至于要更复杂，那各位就尽情的发挥吧！
jQuery cxSelect 多级联动下拉菜单


联系
我们