<!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 content="fingers" /> <style type="text/css"> #sidebar { width: 0px; } #content { width: 770px; } #button, #button-remote { display: none; } </style> </head> <body> <div> <div> <p> <h1>Chained</h1><br /> <small>Chained select plugin for jQuery</small> <ul> <li><a href="https://www.jb51.net/">weblog</a></li> <li><a href="https://www.jb51.net/projects">projects</a></li> <!-- <li><a href="https://www.jb51.net/cv">cv</a></li> --> </ul> </p> </div> <div> <div> <h3>jquery.chained.js</h3> <form> <select> <option value="">--</option> <option value="bmw">BMW</option> <option value="audi">Audi</option> </select> <select> <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> <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> <option value=""></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> </div> </div> <div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://www.jb51.net/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="https://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-190966-1"; urchinTracker(); </script> </body> </html>
PS：关于chained插件，本站还提供了如下的下载地址：
https://www.jb51.net/jiaoben/41472.html
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》