本文实例讲述了jQuery多级联动下拉插件chained用法。分享给大家供大家参考，具体如下：
<!DOCTYPE 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>Chained Select / Pulldown Demo</title> <meta name="generator" content="fingers" /> <style type="text/css"> #sidebar { width: 0px; } #content { width: 770px; } #button, #button-remote { display: none; } </style> </head> <body> <div id="wrap"> <div id="header"> <p> <h1>Chained</h1><br /> <small>Chained select plugin for jQuery</small> <ul id="nav"> <li id="first"><a href="/">weblog</a></li> <li><a href="/projects">projects</a></li> <!-- <li><a href="/cv">cv</a></li> --> </ul> </p> </div> <div id="content"> <div> <h3>jquery.chained.js</h3> <form> <select id="mark"> <option value="">--</option> <option value="bmw">BMW</option> <option value="audi">Audi</option> </select> <select id="series"> <option value="">--</option> <option value="series-1">1 series</option> <option value="series-3">3 series</option> <option value="series-5">5 series</option> <option value="a1">A1</option> <option value="a3">A3</option> <option value="s3">S3</option> </select> <select id="model"> <option value="">--</option> <option value="3-doors">3 doors</option> <option value="5-doors">5 doors</option> <option value="coupe">Coupe</option> <option value="cabrio">Cabrio</option> <option value="sedan">Sedan</option> <option value="touring">Touring</option> <option value="sedan">Sedan</option> <option value="sportback">Sportback</option> <option value="cabriolet">Cabriolet</option> <option value="avant">Avant</option> <option value="allroad">Allroad</option> <option value="coupe">Coupe</option> </select> <select id="engine"> <option value="" width="150"></option> <option value="25-petrol">2.5 petrol</option> <option value="30-petrol">3.0 petrol</option> <option value="30-diesel">3.0 diesel</option> </select> </form> </div> <div id="sidebar"> </div> </div> <div id="footer"> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.chained.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(function() { /* For jquery.chained.js */ $("#series").chained("#mark"); $("#model").chained("#series,#mark"); $("#engine").chained("#series, #model,#mark"); }) </script> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-190966-1"; urchinTracker(); </script> </body> </html>
PS：关于chained插件，本站还提供了如下的下载地址：
http://www.jb51.net/jiaoben/41472.html
希望本文所述对大家jQuery程序设计有所帮助。
【jQuery多级联动下拉插件chained用法示例】相关文章：
★ JQuery插件jcarousellite的参数中文说明
★ AspNet中使用JQuery上传插件Uploadify详解
★ JQuery插件ajaxfileupload.js异步上传文件实例