jQuery 動態載入下拉框選項(Django)

xsan發表於2018-12-20
function change_style() {
$.ajax({
url: "{% url `change_style` %}",
type: "GET",
dataType: `json`,
data: {`product_category`:$(`select.product_category`).val()},
async: false,
success: function (msg) {
$(`select.product_style`).children(`option`).remove();  //刪除下拉框下的選項
for (var i = 0; i < msg.length; i++) {
$(`select.product_style`).append(`<option value="` + msg[i] + `">` + msg[i] + `</option>`) // 依次增加選項
}
}
});
}

注:後端返回的是一個列表進行json轉換的值。

相關文章