欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

jQuery獲取json后使用zy_tmpl生成下拉菜單
來源:易賢網(wǎng) 閱讀:1282 次 日期:2015-03-30 11:26:06
溫馨提示:易賢網(wǎng)小編為您整理了“jQuery獲取json后使用zy_tmpl生成下拉菜單”,方便廣大網(wǎng)友查閱!

這篇文章主要介紹了我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例,雖然是第一次寫關(guān)于AppCan開發(fā)的內(nèi)容,有需要的小伙伴可以參考下。

第一次寫關(guān)于AppCan開發(fā)的文章,有人寫了關(guān)于jQuery或者原生Ajax與json的交互,那我就稍微寫寫我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例吧。

PHP服務(wù)端生成json的那部分就不寫那么多了,就是輸入一個數(shù)組$res,然后

代碼如下:

echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";

在AppCan的模版中,先加入一個下拉菜單,我的菜單是:

<!--下拉列表開始-->

<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)">

數(shù)據(jù)加載中,請稍候

</select>

</div>

</div>

</div>

<!--下拉列表結(jié)束-->

然后在中加入:

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)));

})

}

這樣在onload或者onchange、onclick時執(zhí)行g(shù)etlq();就能實現(xiàn)select的更新。

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:jQuery獲取json后使用zy_tmpl生成下拉菜單
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)