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

實(shí)現(xiàn)效果

function professionType(){

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

var index = obj.selectedIndex;

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

// alert(professionType);

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

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

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

}

function getOption(professionType) {

$.ajax({

type: "POST",

url: "/selectByProfessionType",//路徑

dataType: "json",

data: {

profession_type: professionType//后臺(tái)通過(guò)本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级联下拉框和清空多余选项的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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