这次给大家带来jquery动态显示select下拉列表数据，jquery动态显示select下拉列表数据的注意事项有哪些，下面就是实战案例，一起来看一下。
先来看看运行效果：
具体代码如下：
nbsp;HTML>jQuery动态显示表单 //数据集 var schools = [ { 'id': 1, 'name': '南京大学' }, { 'id': 2, 'name': '北京大学' }, { 'id': 3, 'name': '浙江大学' }, { 'id': 4, 'name': '清华大学' }, { 'id': 5, 'name': '湖南大学' }, ]; //页面加载运行，将数据集绑定select，显示默认选中学校 $(function () { bindSelect(); $('#info').text($('#schoolSelect').val()); }); //将数据集绑定select，重新选择学校后显示选中学校 bindSelect = function () { var $schoolSelect = $('#schoolSelect'); $schoolSelect.change(function () { $('#info').text($(this).val()); }); if (schools.length > 0) { for (var i = 0; i < schools.length; i++) { var item = schools[i]; if (item.id == 2) { $schoolSelect.append('' + item.name + ''); } else { $schoolSelect.append('' + item.name + ''); } } } }
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
全屏滚动插件fullpage.js的使用详解
怎样防止相同的事件重复的触发
如何实现滚动条滑到底部时自动加载更多内容
以上就是jQuery动态显示select下拉列表数据的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2782693.html
