《PHP教程:jQuery獲取json后使用zy_tmpl生成下拉菜單》要點:
本文介紹了PHP教程:jQuery獲取json后使用zy_tmpl生成下拉菜單,希望對您有用。如果有疑問,可以聯系我們。
PHP編程第一次寫關于AppCan開發的文章,有人寫了關于jQuery或者原生Ajax與json的交互,那我就稍微寫寫我開發過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例吧.
PHP編程PHP服務端生成json的那部分就不寫那么多了,便是輸入一個數組$res,然后
PHP編程在AppCan的模版中,先參加一個下拉菜單,我的菜單是:
PHP編程
<!--下拉列表開始-->
<div class=" ui-has-label">
<label class="ui-select ">選擇樓群:</label>
<div class="ui-select">
<div class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-btn-b">
<span class="ui-btn-inner ui-btn-corner-all" >
<span class="ui-btn-text">樓名</span>
<div class="ui-li-link-alt ui-btn ui-btn-corner-right ui-shadow">
<span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
</div>
</span>
<select name="lc" id="lc" selectedIndex="0" id="select-choice-0" onchange="zy_slectmenu(this.id)">
數據加載中,請稍候
</select>
</div>
</div>
</div>
<!--下拉列表結束-->
PHP編程然后在中參加:
PHP編程
function getlq(){
$.getJSON('http://localhost/json.php?jsoncallback=?', function(data) {
var tmpl='<option value="${BuildingId}">${BuildingName}</option>';
$("#lc").html("");
$("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data)));
})
}
PHP編程這樣在onload或者onchange、onclick時執行getlq();就能實現select的更新.
PHP編程以上所述便是本文的全部內容了,希望大家能夠喜歡.
PHP編程請您花一點時間將文章分享給您的朋友或者留下評論.我們將會由衷感激您的支持!
《PHP教程:jQuery獲取json后使用zy_tmpl生成下拉菜單》是否對您有啟發,歡迎查看更多與《PHP教程:jQuery獲取json后使用zy_tmpl生成下拉菜單》相關教程,學精學透。維易PHP學院為您提供精彩教程。