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轉換的值。
jQuery 動態載入下拉框選項(Django)
相關文章
- Js/JQuery下拉框新增新選項JSjQuery
- 動態獲取一級分類下拉框,根據所選一級分類id動態載入二級分類載入至下拉框
- Jquery Datatables (2) 動態載入資料型別jQuery資料型別
- jquery選項卡jQuery
- Vue的動態選單無法登入(無法載入選單)Vue
- ElementUI級聯選擇器動態載入DemoUI
- php原生上拉載入,點選載入更多(jQuery,ajax,mysql)PHPjQueryMySql
- jquery獲取下拉框選中的屬性值jQuery
- DLL動態庫動態載入
- vue 動態選單以及動態路由載入、重新整理採的坑Vue路由
- vue 動態載入路由,渲染左側選單欄Vue路由
- 動態載入UserControl
- jQuery tab選項卡效果程式碼例項jQuery
- 【jquery】select下拉框賦值jQuery賦值
- python動態載入(三)Python
- vue 動態載入元件Vue元件
- Java動態載入類Java
- goloader - golang動態載入Golang
- QLibrary 載入動態庫
- jQuery+PHP+Ajax動態數字統計展示例項jQueryPHP
- 使用Jquery和Ajax的動態依賴選擇框jQuery
- 基於jquery-treeview的動態選單實現jQueryView
- 利用jQuery實現Tab選項卡jQuery
- JQuery實現下拉框Select的獲取值與文字、動態繫結資料、事件等操作jQuery事件
- 短視訊直播系統,選擇選項時,點選出現下拉框
- Vue element下拉框加一個自定義的選項Vue
- Django+MySQL 例項入門DjangoMySql
- ListView動態載入資料View
- 指令碼的動態載入指令碼
- 使用dlopen載入動態庫
- php短視訊原始碼,vue遞迴動態載入選單PHP原始碼Vue遞迴
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- 關於jquery控制select下拉框自動展開問題jQuery
- jQuery tab選項卡程式碼詳解jQuery
- JQuery版本選擇與下載jQuery
- CSS3 tab選項卡動態切換CSSS3
- jQuery 關於點選選單項,使子條目jQuery
- jquery動態設定selectjQuery