jquery实现select二级联动

原创

已于 2022-10-25 18:57:30 修改 · 823 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #前端

于 2017-07-03 15:50:22 首次发布

本文介绍了一个使用jQuery实现的简单二级联动菜单示例。通过监听省份选择框的变化来显示对应的市级选择框，其余城市则被隐藏。此示例中包含了北京、上海、江苏三个省份及其下属城市的数据。

jquery实现一个简单的select二级联动菜单，代码如下

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>jQuery 二级联动</title>
 6     <style>
 7         .city{
   
   
 8             display: none;;
 9         }
10         .city_first {
   
   
11             display: block;
12         }
13     </style>
14     <script src="jquery/jquery-1.11.3.min.js"