<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技术控制数据使用时才加载，提高程序效率，可以参考一下。
添加信息的时候需要选择目录， 这时候，就要做类似于省市联级菜单的效果去给用户选择 ，代码不是特别漂亮，但是简洁，很方便使用 ~ 主要实现方法是 ajax ID去请求子目录， 或者请求父目录，然后用js去控制select。...
在网页开发中，`select`下拉框是常见的用户交互元素，...通过原生方法或第三方库如`jquery.editable-select`，我们可以轻松地为`select`元素添加这一特性，同时也可以根据项目需求进行定制化扩展，以满足各种复杂场景。
总结，jQuery Select2是一款功能强大且高度可定制的下拉框插件，它极大地扩展了HTML `select` 元素的能力，尤其在内容搜索和用户体验方面有着显著的优势。通过灵活的配置和丰富的API，开发者可以轻松地将Select2集成...
**四、扩展与兼容性** Select2具有良好的浏览器兼容性，支持现代的浏览器，包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。此外，由于其基于jQuery构建，因此在与其他jQuery插件或框架（如Bootstrap）集成时...
这是一款Bootstrap 4 select下拉框功能扩展和美化jquery插件。该插件扩展了Bootstrap 4原生select下拉框的功能，可以进行多选，带搜索框等，并且对Bootstrap 4原生select下拉框进行了样式美化。
在网页开发中，jQuery是一个非常流行的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互。在本示例中，我们将探讨如何使用jQuery实现“select”元素的...在理解基本原理后，可以根据具体项目需求进行扩展和优化。