亚洲成a∨人片在无码2023,亚洲日韩在线视频,亚洲精品无码少妇30P

ajax級(jí)聯(lián)菜單實(shí)例

不說廢話了，直接看代碼：
頁面：

<html>

<head>

//js代碼1

<body>

<table>

<tr>

<td>

</select>

</td>

<td>

</select>

</td>

<td>

</select>

</td>

<td>

</select>

</td>

</tr>

</table>

</body>

對(duì)應(yīng)的js代碼：
js代碼1：

//本菜單是4級(jí)級(jí)聯(lián)菜單，采用jquery框架來實(shí)現(xiàn)

$(document).ready(function(){

//為所有class為amenu的元素綁定onchange事件

$('.amenu').change(function(){

//記錄本級(jí)菜單標(biāo)志

var orgLevel = this.name;

//下級(jí)菜單

var nextMenu = $(this).parents().next().children[0];

//ajax動(dòng)作提交的對(duì)象（后臺(tái)采用java程序）

var postUrl = 'pubOrgAjax.do';

//如果本菜單是最后一級(jí)菜單的話則不做任何動(dòng)作

if(orgLevel=='taxOffical') return true;

//本級(jí)菜單選擇為全部選項(xiàng)，則下級(jí)菜單也置為全部

if(this.value == ''){

var firstOption = nextMenu.option[0];

nextMenu.length=0;

nextMenu.options.add(firstOption);

return true;

}

//ajax動(dòng)作

$.post(postUrl,{orgFlag:orgLevel,orgCode:this.value},function(xml){

var dicts = $('dict',xml);

if(dicts.length<1){alert('返回?cái)?shù)據(jù)錯(cuò)誤，請(qǐng)重新登陸');return false;}

//清空nextMenu

if(nextMenu.options[0].value == ''){

var firstOption = nextMenu.options[0].text;

nextMenu.length = 0;

nextMenu.options.add(new Option(firstOption,''));

}else{

nextMenu.length = 0;

}

//為清空后的nextMenu填充新值

for(var i=0;i<dicts.length;i++){

var newOption = new Option($('name',dicts[i]).text(),$('code',dicts[i]).text());

nextMenu.options.add(newOption);

}

});

后臺(tái)返回的數(shù)據(jù)格式：

<?xml version="1.0" cencodeing="gbk"?>

<ajax-response>

<dict>

</dict>

<dict>

</dict>

</response>

</ajax-respnse>

posted on 2008-06-12 09:44 vesung 閱讀(9843) 評(píng)論(5) 編輯收藏所屬分類: Java 、Ajax/html

評(píng)論

# re: ajax級(jí)聯(lián)菜單實(shí)例 2008-08-19 23:10 Yvon

謝謝博主的分享，正在學(xué)習(xí)中回復(fù) 更多評(píng)論

# re: ajax級(jí)聯(lián)菜單實(shí)例 2008-10-13 10:07 qbc

你好！能發(fā)個(gè)完整版給我嗎？弄不懂這段代碼！回復(fù) 更多評(píng)論

# re: ajax級(jí)聯(lián)菜單實(shí)例 2008-10-13 10:10 qbc

@qbc
我的郵箱是yan-zi-2@163.com 回復(fù) 更多評(píng)論

# re: ajax級(jí)聯(lián)菜單實(shí)例 2011-11-16 12:38 張哲

給我也來一份完整的我看看 983291942@qq.com 回復(fù) 更多評(píng)論

# re: ajax級(jí)聯(lián)菜單實(shí)例 2013-05-22 18:33 倒薩

大撒旦回復(fù) 更多評(píng)論

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: HttpClient簡介如何調(diào)整eclipse字體大小你屬于那個(gè)版本的程序員？ ajax級(jí)聯(lián)菜單實(shí)例關(guān)于java遞歸調(diào)用內(nèi)存泄露 Java作用域描述符的區(qū)別 java序列化的控制轉(zhuǎn)摘：Tomcat中配置和使用JNDI DataSource接口，Connection pooling（連接池），分布式事務(wù)，RowSet介紹 JDBC 2.0概述

@OverWrite BlogJava

常用鏈接

留言簿(3)

隨筆分類

隨筆檔案

友情鏈接

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

評(píng)論