首页 前端知识 jquery ajax从数据库获取数据实现三级联动下拉框

jquery ajax从数据库获取数据实现三级联动下拉框

2024-04-12 20:04:11 前端知识 前端哥 805 985 我要收藏

今天在做练习的时候需要做一个三级联动的下拉框,大概内容就是第一个下拉框显示学院,第二个下拉框显示该学院所有专业,第三个下拉框为该专业所有班级。分享出来供大家参考和批评指正,代码如下;
html部分;

<select id="collegeid" underline="true">
<option >学院</option>
</select>
<select id="majorid" underline="true">
<option value="">专业</option>
</select>
<select id="clazzid" underline="true">
<option value="">班级</option>
</select>
复制

js部分:

function querycollege(){
$.post("querycollege","",function (jsonObj){
var jsonObj = JSON.parse(jsonObj);
// console.log(jsonObj)
var options = "";
for(var i = 0; i < jsonObj.length; i ) {
var college = json
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4797.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!