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)
相關文章
- EasyUI Jquery 動態載入樹,點選節點載入UIjQuery
- Js/JQuery下拉框新增新選項JSjQuery
- jquery動態增減選項卡jQuery
- 動態獲取一級分類下拉框,根據所選一級分類id動態載入二級分類載入至下拉框
- jQuery動態載入更新外部樣式表程式碼例項jQuery
- jQuery 下拉選單選擇 載入 (練手例項)jQuery
- jQuery實現的動態載入指令碼檔案程式碼例項jQuery指令碼
- jQuery自定義多選下拉框jQuery
- jQuery實現的動態載入css和js檔案程式碼例項 [jQueryCSSJS
- Jquery Datatables (2) 動態載入資料型別jQuery資料型別
- jquery如何實現動態載入CSS檔案jQueryCSS
- JSTL動態載入單選框--【ssnc】JS
- jQuery動態載入js檔案簡單介紹jQueryJS
- 利用JQuery的load函式動態載入頁面 以及jQuery動態載入頁面和請求所返回的資料jQuery函式
- 動態載入javascript指令碼程式碼例項JavaScript指令碼
- Android 動態載入資源例項解析Android
- ElementUI級聯選擇器動態載入DemoUI
- extjs 下拉框增加空選項JS
- javascript動態載入css檔案程式碼例項JavaScriptCSS
- vue 動態選單以及動態路由載入、重新整理採的坑Vue路由
- jquery選項卡jQuery
- php原生上拉載入,點選載入更多(jQuery,ajax,mysql)PHPjQueryMySql
- 動態載入js或者css檔案程式碼例項JSCSS
- 實現js檔案動態載入程式碼例項JS
- jquery獲取下拉框選中的屬性值jQuery
- jQuery載入進度條例項程式碼jQuery
- jQuery動態進度條程式碼例項jQuery
- jquery動態新增li元素程式碼例項jQuery
- jQuery實現的非同步動態載入css和js檔案jQuery非同步CSSJS
- django動態urlDjango
- vue 動態載入元件Vue元件
- Java動態載入類Java
- django 實現滾動載入的功能薦Django
- Django Meta內部類選項Django
- 圓形可滑動選單(可以動態新增選單項)
- jQuery選項卡例項程式碼jQuery
- 動態載入UserControl
- OrchardCore 如何動態載入模組?