jQuery实现动态显示挑选下拉列表数据的方法

本文实例讲述了框架实现动态显示挑选下拉列表数据的方法。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

！DOCTYPE HTMLhtmlhead元字符集=' UTF-8 ' titlewww.jb51.net jQuery动态显示表单/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。7 .1 .量滴js /脚本脚本类型='text/javascript' //数据集var schools=[ { 'id': 1，' name': '南京大学}，{ 'id': 2，' name': '北京大学}，{ 'id': 3，' name': '浙江大学}，{ 'id': 4，' name': '清华大学}，{ 'id': 5，' name': '湖南大学' }, ];//页面加载运行，将数据集绑定选择，显示默认选中学校$(function(){ BindSelect()；$('#info ').文本($('#schoolSelect ').val())；});//将数据集绑定选择，重新选择学校后显示选中学校bind select=function(){ var $ school select=$(' # school select ')；$ SchoolSelect。change(function(){ $(' # info ')).文本($(这个).val())；});如果(学校。长度0){ for(var I=0；一、学校i ) { var项目=学校[一]；if(项目。id==2){ $ school select。追加('选项值='项。id为“”的选定项目。name '/option ')；} else { $ SchoolSelect。追加('选项值='项。id ' ' '项。name '/option ')；} } } }/脚本/床头表单选择id='学校选择'/选择标签id='信息'/标签/表单/正文/html更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery表单(form)操作技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery切换特效与技巧总结》 、 《jQuery遍历算法与技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。