本文實例講述了jquery實現觸發時更新下拉列表內容的方法。分享給大家供大家參考,具體如下:
服務端假如有個請求地址用來返回所需數據
url:/hello
返回類似:
html:
按鈕:<input type="button" id="btn" value="按 鈕" />
下拉列表:<select id="sel"></select>
js代碼:
$(function(){ $("#btn").click( $.ajax({ type:"POST", url:"http://localhost/XXXX/Test", cache: false,//不緩存 dataType:"json",//返回數據格式 success:function(ret){ $("#sel").empty(); $.each(ret,function(ind){ for(var key in ret[ind]){ var opt = $("<option></option>"); opt.val(ret[ind][key]); opt.text(key); $("#sel").append(opt); } }); } }); );});
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答