`
border
  • 浏览: 206060 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一段用js实现的下拉列表代码。。

阅读更多

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->


<script language=javascript>
<!--
var old_menu = '';
var old_cell = '';
function menuclick( submenu ,cellbar)
{
if( old_menu != submenu ){
if( old_menu !='' ){
old_menu.style.display = 'none';
old_cell.src= 'plus.gif';
}
submenu.style.display = 'block';
cellbar.src = 'plus.gif';
old_menu = submenu;
old_cell = cellbar;

}else{
submenu.style.display = 'none';
cellbar.src= 'plus.gif';
old_menu = '';
old_cell = '';
}
}
function RemoteWindow( url )
{
window.open( url, 'PreviewWin1','width=740,height=450,resizable=yes,scrollbars=yes,status=0,location=no')
}
function RemoteWindow2( url )
{
window.open( url, 'PreviewWin2','width=700,height=300,resizable=yes,scrollbars=yes,status=0,fullscreen=yes')
}
function RemoteWindow3( url )
{
window.open( url, 'sub','width=740,height=300,resizable=yes,scrollbars=yes,status=0,location=no')
}

function MM_preloadImages(){//v3.0
var d=document; if(d.images){if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d){//v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length){
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_nbGroup(event, grpName){//v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2){
if ((img = MM_findObj(args[2])) != null && !img.MM_init){
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null){
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}else if (event == "over"){
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null){
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
nbArr[nbArr.length] = img;
}
}else if (event == "out" ){
for (i=0; i < document.MM_nbOver.length; i++){
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up;}
}else if (event == "down"){
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++){img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0;}
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null){
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}
//-->
</script>

 

javaScript_Tree

 



分享到:
评论

相关推荐

    css+js实现简单下拉列表功能

    本示例中,我们将探讨如何使用纯JavaScript和CSS来实现一个简单的下拉列表功能,特别适合用于网站的二级导航。 首先,让我们了解下拉列表的基本结构。一个基本的HTML下拉列表通常由`&lt;select&gt;`元素和一系列`&lt;option&gt;...

    css,js实现多级下拉列表

    在压缩包中的"下拉列表.html"文件,应该包含了这些代码的完整实现,你可以下载并查看,以便更深入地理解和学习如何使用CSS和JavaScript创建多级下拉列表。通过不断实践和优化,你将能够创建出更加复杂且用户友好的...

    js模拟点击select下拉菜单列表代码

    `&lt;select&gt;`是HTML中用于创建下拉列表的标签,用户通常需要点击才能展开选项,但有时为了实现特定的交互效果,我们可能需要通过JS来触发这个行为。 首先,我们需要了解`&lt;select&gt;`的基本结构。一个简单的`&lt;select&gt;`...

    带复选框的下拉列表代码

    接下来,我们来看`ff.js`文件中的JavaScript代码,它将实现下拉列表与复选框的功能: ```javascript document.addEventListener('DOMContentLoaded', function() { var dropdown = document.getElementById('...

    自动过滤网页下拉列表框源代码

    标题中的“自动过滤网页下拉列表框源代码”指的是一段实现这一功能的编程代码。开发者通过编写这样的代码,可以实现在网页中创建一个动态的下拉列表,当用户在输入框输入文字时,列表会实时更新,显示与输入文字相关...

    js处理下拉列表框

    在深入解析这段代码之前,我们先来了解一些基本概念:JavaScript是一种广泛使用的编程语言,常用于Web开发中与HTML和CSS协同工作,实现网页上的动态效果。下拉列表框(`&lt;select&gt;`标签)是HTML表单元素之一,用于提供...

    AngularJS使用ngOption实现下拉列表的实例代码

    运行这段代码后,你会看到一个下拉列表,其中包含了四个选项,且初始选中的项是“Fixing bugs”。 为了使界面更美观,通常会引入CSS框架,如Bootstrap,以提供更好的样式。在示例中,我们已经引入了Bootstrap的相关...

    下拉列表自动跳转超链接网页

    这段JavaScript代码首先获取了ID为`dropdown`的下拉列表元素,然后添加了一个事件监听器,监听`change`事件。当事件触发时,代码会检查当前选中的选项是否为默认选项,如果不是,则使用`window.location.href`属性...

    使用Servlet Ajax 实现 局部刷新下拉列表(附source)

    5. **procedure.txt**:在这个例子中,"procedure.txt"可能包含了实现上述功能的详细步骤,或者是一段代码示例。通常,这种文本文件会提供关键的代码片段、注释和执行流程的描述,帮助开发者理解并实现特定功能。 ...

    jQuery手机移动端下拉列表选择代码.zip

    "js"目录可能包含了一段jQuery代码,这部分代码负责绑定事件、处理用户交互,并更新界面显示。"css"目录则包含了样式表,用于定义下拉列表的外观和布局,使其适应手机屏幕的大小和方向。 在实现这个功能时,开发者...

    jQuery实现的多级级联下拉列表

    以下是一段基本的jQuery代码示例,展示了如何处理级联下拉列表的事件和数据填充: ```javascript $(document).ready(function() { $('#level1Select').change(function() { var selectedValue = $(this).val(); ...

    js实现起始年份下拉列表

    在JavaScript编程中,创建一个动态的起始年份下拉列表功能是一项常见的需求,尤其在构建日期选择器或者填写表单时。这个实例的核心在于利用JavaScript的事件监听、DOM操作和数组方法来实现动态更新结束年份的下拉...

    javascript下拉列表 显示时间

    在JavaScript编程中,下拉列表(Select...通过这种方式,我们可以实现一个完整的JavaScript下拉列表,其中包含了特定格式的日期,并且可以响应用户的交互。这个功能对于任何需要用户选择日期的网页应用都是非常实用的。

    使用JQuery实现下拉菜单

    以下是一段实现此功能的JQuery代码: ```javascript $(document).ready(function() { $('.dropdown-item').hover(function() { $(this).children('.submenu').stop().slideToggle(300); }); }); ``` 这段代码做...

    jsp/html 实现下拉复选框

    如果`TestPublicUserManageNew.html`页面中使用了类似以上代码,那么这个页面应该可以实现一个功能完备的下拉复选框,用户可以选择多个选项,并且可以通过JavaScript处理这些选择。 在实际开发中,可能会遇到的问题...

    纯JS炫酷下拉列表框美化插件pickout源码.zip

    pickout.js是一个效果非常炫酷的纯JavaScript下拉列表框美化插件。该下拉列表框插件大小仅5kb,在用户点击了列表框时,会弹出类似模态窗口的下拉列表,还可以对列表中的选项进行搜索过滤。本代码适用浏览器:搜狗、...

    jQuery下拉列表框日期选择代码.zip

    本篇文章将深入探讨如何使用jQuery实现下拉列表框日期选择的功能,并解析提供的压缩包文件中的关键组件。 首先,我们要理解jQuery是如何工作的。jQuery的核心理念是“Write Less, Do More”,它通过简洁的语法封装...

    级联下拉列表

    级联下拉列表是一种常见的前端交互设计,常用于如地区选择、分类筛选等场景,它使得用户能够通过一个下拉菜单的选择触发另一个下拉菜单的内容更新。在这个案例中,我们只用五句代码就能实现这样的功能,这充分体现了...

    所有国家的下拉列表sql语句创建

    根据提供的信息,我们可以详细解析如何创建一个包含所有国家信息的SQL表,并且如何填充这个表以供下拉列表使用。 ### 数据库表结构设计 首先,我们从标题和描述中得知,目标是创建一个名为 `country` 的表,用于...

    js Select下拉列表框进行多选、移除、交换内容的具体实现方法

    在开发web页面时,下拉列表框(SELECT元素)是经常被使用的表单元素之一,它允许用户从预定义的选项中选择一项或多项。在实际应用中,我们可能会遇到需要对SELECT下拉列表进行复杂操作的情况,比如实现多选、移除或...

Global site tag (gtag.js) - Google Analytics