<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---无限扩展的年份select</title>
</head>
<body>
<script>
//-------------------------------------
// 无限扩展的年份select
//
// 作者: PuterJam
//-------------------------------------
var Lastyear
function selYear(obj,Cyear){
var len=16 //select长度
var selObj=document.getElementById(obj)
var selIndex=parseInt(len/2)-1
var newOpt
var LY=Cyear-Lastyear
for (i=0;i<len;i++){
if (selObj.options.length!=len){
newOpt=document.createElement("OPTION")
newOpt.text=Cyear-selIndex+i
newOpt.value=Cyear-selIndex+i
selObj.options.add(newOpt,i)
if (selIndex==i) {Lastyear=newOpt.value}
}
else
{
selObj.options[i].text=parseInt(selObj.options[i].text)+LY
selObj.options[i].value=parseInt(selObj.options[i].value)+LY
if (selIndex==i) {Lastyear=selObj.options[i].value}
}
}
selObj.selectedIndex=selIndex
}
</script>
<select size="1" id="yearSelect" name="yearSelect" onChange="selYear('yearSelect',this.value)">
</select>
<script>selYear('yearSelect',2005) //初试化select</script>
</body>
</html>
分享到:
相关推荐
然而,通过扩展和利用JavaScript库,我们可以极大地增强`<select>`下拉菜单的功能,使其更加交互化、动态化和可定制化。本篇文章将探讨如何利用JavaScript和相关工具来扩展HTML的下拉菜单功能。 首先,了解基础的`...
下面我们将详细讨论如何利用`exTree`扩展的`select`来动态构造目录树,并结合数据库进行操作。 首先,`exTree`的核心在于其强大的树状结构渲染能力。它允许开发者通过JSON数据或Ajax请求动态加载树节点,提供丰富的...
在本案例中,我们讨论的是利用jQuery实现的一个无限级联菜单,它特别适用于Select下拉框形式的导航菜单。这个功能的亮点在于其无限级联的特性,即菜单可以无限制地扩展,同时无需依赖外部的Ajax请求,所有的数据都...
Select2-to-Tree是对Select2(一个流行的选择框库)的扩展: : 。 尽管Select2非常通用,但它仅支持单层嵌套。 参见 : 由于创建嵌套选项时Select2会退回到,因此仅支持单级嵌套。 不能保证任何其他级别的嵌套都...
asp 无限分级以Select输出并可根据类ID选中option项,取值、名更方便 '这里用的是access数据库,Po_Class表结构:ID 自增长,ClassName:类名,ParentID:父类ID,ParentPath:父路径 '参数:parentID:是需要遍例的类...
- **Select + Autocomplete**: 这个扩展将普通的HTML Select元素转换为一个可搜索的输入框,用户可以输入文本进行过滤,同时保留了下拉列表的原生功能,提供了一种更直观的交互方式。 - **动态过滤**: 用户输入时,...
js+ajax 实现select下拉框无限级动态添加,代码简洁方便,哥想了很久才做出来的,欢迎使用
网页应用中,多个select之间级联刷新是很常见的一个需求,本插件充份运用jquery强大的脚本功能,并运用json实现数据交互,实现了select无限级联的功能,接口调用简洁,刷新功能配置灵活,参数强大, 支持select元素...
Bootstrap Select 是一个基于 jQuery 的插件,专门设计用于扩展 Bootstrap 框架的下拉菜单功能,使其支持多选选项。这个插件由 Silvio Moreto 创建,版本为 20160104,从文件名可以推测,这是该插件在2016年1月4日的...
ajax+ASP实现无限级Select下拉框联动,形成一个实用的多级菜单,读取Access数据库,本实例是一个6级的菜单,根据你的需要,你还可以进行扩展。它使用AJAX技术控制数据使用时才加载,提高程序效率,可以参考一下。
《XM-SELECT:一款高效实用的多选下拉框插件》 在Web开发中,Select组件是不可或缺的一部分,尤其在处理多选场景时,它的便捷性和灵活性显得尤为重要。XM-SELECT就是这样一款专为解决多选问题而设计的插件,它以其...
添加信息的时候需要选择目录, 这时候,就要做类似于省市联级菜单的效果去给用户选择 ,代码不是特别漂亮,但是简洁,很方便使用 ~ 主要实现方法是 ajax ID去请求子目录, 或者请求父目录,然后用js去控制select。...
在网页开发中,`select`下拉框是常见的用户交互元素,...通过原生方法或第三方库如`jquery.editable-select`,我们可以轻松地为`select`元素添加这一特性,同时也可以根据项目需求进行定制化扩展,以满足各种复杂场景。
**四、扩展与兼容性** Select2具有良好的浏览器兼容性,支持现代的浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。此外,由于其基于jQuery构建,因此在与其他jQuery插件或框架(如Bootstrap)集成时...
总结,jQuery Select2是一款功能强大且高度可定制的下拉框插件,它极大地扩展了HTML `select` 元素的能力,尤其在内容搜索和用户体验方面有着显著的优势。通过灵活的配置和丰富的API,开发者可以轻松地将Select2集成...
这是一款Bootstrap 4 select下拉框功能扩展和美化jquery插件。该插件扩展了Bootstrap 4原生select下拉框的功能,可以进行多选,带搜索框等,并且对Bootstrap 4原生select下拉框进行了样式美化。