我想通過一組下拉選單,然後取選擇其中的一個的時候,根絕選擇的列表標題篩選出符合條件的列表,展示在下面的頁面中,請問代碼怎麼實現
我想通過一組下拉選單,然後取選擇其中的一個的時候,根絕選擇的列表標題篩選出符合條件的列表,展示在下面的頁面中,請問代碼怎麼實現
$('select').change(function(){//监控select的change事件
var dom = document.getElementById('id'),
data = dom.options[dom.selectedIndex].value;//选中的option的value;
ajax({});
});
大概有以下幾個步驟:
取得到選取下拉選單的值(ID/標題,一般情況下會取得ID,到後台根據這個ID到資料庫取得對應的資料)
送到後端
後端根據前端發送的參數取值,查詢資料庫,然後組裝成你想要的格式類型,回傳給前端
前端實行html操作(內容更新)
程式碼實作如下(用的jQuery)
大概分三步:
1、ajax请求后端接口,接口返回数据。(一般返回json)
2、ajax在回调函数里面,解析数据。
3、把数据写到页面,看你情况用html还是append
好寬泛的問題;先了解以下「js模板」把;
$("select").onchange(function(){
console.log($(this).val());//这里的this.val 就是当前选中的option的val 根据这个val 进行逻辑判断
})
建議再log 那裡在寫一個函數傳value 過去進行邏輯操作
樓上回答的都很好,無非是javascript的onchange事件