忙里偷闲，抽空写了一个HTML Select 下拉菜单的AJAX功能扩展，自己觉得用起来还蛮方便，写个blog备忘一下，同时也可以拿出来个大家共享，这里只给出demo,详细请看代码的注释，但愿我的注释够详细。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Yoyoor</title>
<script type="text/javascript" src="js/mootools-release-1.11.js"></script>
<script type="text/javascript" src="js/mootoolsAjaxExt.js"></script>
<script type="text/javascript" src="js/selectExt.js"></script>
</head>
<body>
<select id="ajaxSelect" url="data.js"></select>
<select id="ajaxSelect2"></select>
<select id="ajaxSelect3" url="data.js"></select>
<script type="text/javascript">
window.onload = function(){
var s1, s2, s3;
getHTMLSelectElement("ajaxSelect").loadByAjax();
getHTMLSelectElement("ajaxSelect2").loadByAjax({
url:"data.js",
remainInx: 0,
sort: function(){return -1},
complete: function(){
getHTMLSelectElement("ajaxSelect3").loadByAjax();
}
});
}
</script>
</body>
</html>
motools lib的下载地址：http://motools.net 请注意版本号
分享到：
相关推荐
jquery Select下拉菜单美化实例，应该是重新定义的Select，并不是在原有的select下拉框基础上扩展的，用jquery和js/CSS共同渲染的一个新的Select效果，完成了Select的功能，甚至比Select更灵活，用法请参见示例文件...
Bootstrap Dropselect 是一个简单的 jQuery 插件，它可以将 bootstrap 的下拉菜单扩展到类似 github 的选择菜单中。 标签：Bootstrap
支持下拉菜单 下拉树 模糊搜索,支持中间字段的匹配
jQuery 插件编写的select三级联动，多级联动，修改方便，扩展方便
它影响下拉菜单中元素的数量，页面上Select2的位置，页面的大小和滚动位置，滚动条的可见性以及下拉菜单是向上显示还是向下显示。 每次打开下拉菜单时，它都会自动调整大小。 缩小后，它约为800个字节（包括注释）...
jquery实现的无限级联菜单，Select下拉列表式的级联菜单，三个下拉框的值相互影响，无限级联扩展，无需ajax，纯json数据调用。调用方式请参见示例文件。
Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。 这个很好解决： 如下: <select class=form-control onchange=selectOnchang(this)> 所有申请商家 待审核商家...
bee-select下拉弹出菜单，代替原生的选择器。当然Select扩展了其他功能：多选，级联，搜索过滤单选和搜索过滤多选与自动填充选择。使用使用单独的bee-select包组件引入先进行下载bee-select包npm install --save bee...
多级联动本插件理论上支持帝国cms任何版本。本插件在帝国CMS7.0正式版{UTF-8}下制作完成，GBK自行转换文件...第一个条目作为提示项，自动选择唯一选项的菜单，设置回调函数在onChange事件触发时获取下拉菜单相关信息。
下拉菜单 Dropdown 常用下拉菜单 标签页 Tabs 常用切换标签页 简洁菜单切换 卡片式菜单切换 分页 Pagination 常用分页组件 扩展分页组件 简洁分页组件 进度条 Progress 常用进度条 步骤条 ...
Green/Red/NIR Band：在下拉列表中选择对应的波段； Select Enhance Level：选择增强强度，三个等级（低、中、高）可选； Select Output Bands：选择输出波段，可以选择输出所有波段或RGB三个波段； Enter Output...
使用 bootstrap Button 下拉菜单实现主干表单的表单选择元素。 截屏 安装 依赖项： 骨干形式 0.14 引导程序 3.3.1 首先确保你已经安装了 Bower。 凉亭安装 用法 类似于backbone-form select，可以是： HTML ...
一次选择多个下拉菜单 如果有很多相同类型的下拉选择重复项，则可以使用此扩展名一次将其全部选中。 要使用它：1.单击扩展名。2.选择所需的选择选项。3.单击选择项下方的按钮。4.完成！ 具有该选项的所有选择项都将...
1.扩展字段自定义，根据自己系统需要无限扩展字段，对于SELECT等下拉选项支持PHP代码生成OPTION，支持多图多文件上传字段! 2.后台栏目分类无限极，并可以控制字段的显示或隐藏，生成不同的管理表单，方便管理 3....
将IIIF清单URL馈OpenSeadragonViewer ，它将使用以下内容呈现OpenSeadragon查看器： FontAwesome工具栏图标磁贴来源下拉菜单缩略图导航下载选项支持深层链接和保存URL参数安装及使用yarn add openseadragon-react-...
Magento 2城市下拉菜单 Magento 2的城市下拉列表的创建是为了允许用户/商人在结帐过程中将城市和地区/州/省作为下拉列表包括在内，但是最近在保存新地址时，也可以在此处找到该选项。 使用此工具，您可以导入每个...