网站导航免费论文 原创论文 论文搜索 作业答案 网学软件 学术大家 资料中心 会员中心 问题解答 定作论文 论文素材 设计下载 最新论文 下载排行 论文上传 在线投稿 联系我们
返回网学首页
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 设计资源 > JS代码 > 正文
Ajax实现简单的下拉框联动显示数据示例
来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: Admin 发布时间: 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
  • 网学推荐

    免费论文

    原创论文

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