ajax 下拉框 保留,Ajax生成select级联下拉框和清空多余选项

Ajax生成select级联下拉框和清空多余选项

实现效果

function professionType(){

var obj=document.getElementById(“下拉框id”);

var index = obj.selectedIndex;

var professionType = obj.options[index].value;//获取选中的值

// alert(professionType);

$("#级联下拉框id").empty();

$("#级联下拉框id").append("-----请选择----- ");

getOption(professionType)//执行ajax函数 动态生成option

}

function getOption(professionType) {

$.ajax({

type: "POST",

url: "/selectByProfessionType",//路径

dataType: "json",

data: {

profession_type: professionType//后台通过本type查询数据

},

success: function (data) {

for (var i = 0; i < data.length; i++) {

$("#profession_id").append("" + data[i].profession_name + "");`在这里插入代码片`

}

}

})

}

总结

以上是生活随笔为你收集整理的ajax 下拉框 保留,Ajax生成select级联下拉框和清空多余选项的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。