网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 设计图标 Ppt模板 Flash素材 PSD素材 JS代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 设计资源 > JS代码 > 正文

Ajax实现简单的下拉框联动显示数据示例

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 发布时间: 10/07/24

最近的一个项目中用到了下拉框联动显示数据的功能,索性利用Ajax来实现。实现的方法有很多,网上也有很多其他的方法,web开发中会经常用到,记录下来,分享给新手。

页面中的两个下拉列表框:

<tr>
                <td style="width: 130px">
                    所在学院:</td>
                <td style="width: 100px">
                    <select id="college" style="width: 200px" runat="server" onchange="changcollege(this.value)">
                        <option value="0">
                            --请选择所在学院学院--
                       </option>
                    </select></td>
            </tr>
            <tr>
                <td style="width: 130px">
                    所在专业:</td>
                <td style="width: 100px">
                    <select id="specialty" style="width: 200px" runat="server" onchange="SaveSpecical(this.value)">
                        <option value="0">
                            --请选择所在专业--
                       </option>
                    </select></td>
            </tr>

 

JS脚本代码:

 Code

我们将http请求发送给服务端的Handler.ashx进行处理。

 Code

根据学院的编号获得相应的专业,并将专业的名称用“|”分割组合成字符串返回给客户端,客户端脚本拆分字符串添加到下拉框中。

这里只是二级的联动显示,三级联动数据的现实原理是一样的。

  • 上一篇资讯: 用Ajax读取XML格式的数据
  • 下一篇资讯: js 清空所有checkbox
  • 网学推荐

    免费论文

    原创论文

    设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
    版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师