分两个等级的下拉菜单代码

<!--要完成此效果把如下代码加入到-->
<body>
<FORM name=doublecombo>
<P align=center><SELECT name=example
onchange=redirect(this.options.selectedIndex) size=1>
<option>石家庄拓展公司</option>
<option>总类二</option>
<option>总类三</option>
</SELECT> <SELECT name=stage2 size=1>
<option value="link.htm">分类一</option>
<option value="link.htm">分类二</option>
<option value="link.htm">分类三</option>
<option value="link.htm">分类四</option>
</SELECT> <INPUT name=test onclick=go() type=button value=Go!></P>
<SCRIPT language=JavaScript>
<!--
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("分类一","#")
group[0][1]=new Option("分类二","#")
group[0][2]=new Option("分类三","#")
group[0][3]=new Option("分类四","#")
group[1][0]=new Option("分类一","#")
group[1][1]=new Option("分类二","#")
group[1][2]=new Option("分类三","#")
group[2][0]=new Option("分类一","#")
group[2][1]=new Option("分类二","#")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</SCRIPT></FORM>
时间: 2024-10-08 10:04:00

分两个等级的下拉菜单代码的相关文章

可控制导航下拉方向的jQuery下拉菜单代码

效果:http://hovertree.com/texiao/nav/1/ 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可控制导航下拉方向的jQuery下拉菜单代码 - 何问起</title> <base ta

CSS3实现的横向二级下拉菜单代码实例

CSS3实现的横向二级下拉菜单代码实例:横向二级下拉菜单是非常常用的效果,例如很多网站的导航栏就是这样的二级下拉菜单效果,非常好用,本章节分享一段使用CSS3实现的下拉菜单,当然当下很多浏览器都不支持,不过相信用不了多久这种现状就会被改变.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content

css导航栏下拉菜单代码【转自http://zxm.92.blog.163.com/blog/static/544600282010727112723874/】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c

使用纯CSS设计网页下拉菜单代码

分享一个纯CSS写的下拉菜单代码,结构非常简单,代码十分清晰,HTML+CSS下拉菜单代码.HTML代码部分: 在线预览>> <ul id="menu"> <li><a href="">Home</a></li> <li><a href="">About Us</a> <ul> <li><a href=&quo

纯CSS下拉菜单代码

<!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-Typ

小米网css3导航下拉菜单代码

效果:http://hovertree.com/texiao/css3/19/ 代码如下: 1 <!doctype html> 2 <!-- W3C规范 --> 3 <html lang="zh"> 4 <!-- 声明 --> 5 <head> 6 <meta charset="UTF-8"> 7 <!-- 声明当前页面的三要素 --> 8 <title>CSS3菜单仿小

yii2框架dropDownList的下拉菜单用法介绍

Yii2.0 默认的 dropdownlist 的使用方法.  代码如下 复制代码 <?php echo $form->field($model, 'name[]')->dropDownList(['a' => 'Item A', 'b' => 'Item B', 'c' => 'Item C']); ?> 在yii2中加放请选择的下拉菜单  代码如下 复制代码  <php echo $form->field($model, 'name[]')->

Eclipse插件开发学习笔记【5】--- 给视图添加下拉菜单和按钮

我们采用上篇中的示例,需要在View2中添加两个按钮和下拉菜单中添加两项. 首先,新建一个继承ActionGroup类,AddActionGroup,具体代码如下: /** ************************************ AddActionGroup类 **/ package viewsconnection.actions; import org.eclipse.jface.action.Action; import org.eclipse.jface.action.I

如何为EXCEL单元格制作下拉菜单

如何为EXCEL中的某列制作下拉菜单 下面用两种方法介绍下拉菜单的实现: 第一种方法比较简单,如果下拉菜单更改的不频繁,可以采用:第二种方法更适合菜单更改频繁的情况. 注意:如果点击单元格时右侧没有出现下拉的按钮,可能是格式丢失,可以通过复制上面单元格的方法来修复. 如何制作下拉菜单(以下内容以EXCEL2007为准,版本不同可能造成操作步骤不同) A. 先做好一个表格,如下图: B. 选择需要制作下拉菜单的列中的第一行(如性别列中的第一行,非标题行),点击菜单中[数据]-[数据有效性]-[数据