本文實(shí)例講述了jquery實(shí)現(xiàn)觸發(fā)時更新下拉列表內(nèi)容的方法。分享給大家供大家參考,具體如下:
服務(wù)端假如有個請求地址用來返回所需數(shù)據(jù)
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",//返回數(shù)據(jù)格式 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程序設(shè)計有所幫助。
新聞熱點(diǎn)
疑難解答