本文实例讲述了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="/" class="active">weblog</a></li> <li><a href="/projects" class="last">projects</a></li> <!-- <li><a href="/cv" class="last">cv</a></li> --> </ul> </p> </div> <div id="content"> <div class="entry"> <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" class="bmw">1 series</option> <option value="series-3" class="bmw">3 series</option> <option value="series-5" class="bmw">5 series</option> <option value="a1" class="audi">A1</option> <option value="a3" class="audi">A3</option> <option value="s3" class="audi">S3</option> </select> <select id="model"> <option value="">--</option> <option value="3-doors" class="series-1 bmw">3 doors</option> <option value="5-doors" class="series-1">5 doors</option> <option value="coupe" class="series-1 series-3 series-6">Coupe</option> <option value="cabrio" class="series-1 series-3 series-6">Cabrio</option> <option value="sedan" class="series-3 series-5 series-7">Sedan</option> <option value="touring" class="series-3 series-5">Touring</option> <option value="sedan" class="a1 a3 s3">Sedan</option> <option value="sportback" class="a3">Sportback</option> <option value="cabriolet" class="a3">Cabriolet</option> <option value="avant" class="a1">Avant</option> <option value="allroad" class="a3">Allroad</option> <option value="coupe" class="s3">Coupe</option> </select> <select id="engine"> <option value="" width="150"></option> <option value="25-petrol" class="series-3 bmw">2.5 petrol</option> <option value="30-petrol" class="series-3 a3">3.0 petrol</option> <option value="30-diesel" class="coupe">3.0 diesel</option> </select> </form> </div> <div id="sidebar"> </div> </div> <div id="footer"> </div> <script src="/UploadFiles/2021-04-02/jquery.min.js">PS:关于chained插件,本站还提供了如下的下载地址:
https://www.jb51.net/jiaoben/41472.html更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月30日
2024年11月30日
- 古典吉他《鲁特琴-BachInspirations巴赫灵感》ThibautGarcia[24Bit/96kHz]
- 刘纬武《睡眠音乐家 缓解疼痛 赫兹白噪音》[320K/MP3][217.2MB]
- 刘纬武《睡眠音乐家 缓解疼痛 赫兹白噪音》[FLAC/分轨][870.69MB]
- 群星1998 《宝丽金最佳电视主题曲》香港首版[WAV+CUE][1.2G]
- 群星1990《群星会·金曲重现》新加坡版[WAV+CUE][1.1G]
- 张惠妹2003《勇敢》[WAV+CUE][1.1G]
- 群星1995《摇滚中国乐势力》首版引进版[WAV+CUE][983M]
- 陈思安《32首酒廊情调》2CD新雅(国际)影碟[WAV+CUE]
- 齐豫潘越云《回声》K2HD[正版原抓WAV+CUE]
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]