Ajax生成select級聯(lián)下拉框和清空多余選項

實現(xiàn)效果

function professionType(){

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

var index = obj.selectedIndex;

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

// alert(professionType);

$("#級聯(lián)下拉框id").empty();

$("#級聯(lián)下拉框id").append("-----請選擇----- ");

getOption(professionType)//執(zhí)行ajax函數(shù) 動態(tài)生成option

}

function getOption(professionType) {

$.ajax({

type: "POST",

url: "/selectByProfessionType",//路徑

dataType: "json",

data: {

profession_type: professionType//后臺通過本type查詢數(shù)據(jù)

},

success: function (data) {

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

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

}

}

})

}

總結(jié)

以上是生活随笔為你收集整理的ajax 下拉框 保留,Ajax生成select级联下拉框和清空多余选项的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。