请教关连下拉菜单的做法，onchange的用法

alexandarsxy 2002-05-12 06:31:41

如何让前一个下拉菜单的内容影响后一个的内容？

还有关于input,select,button 等中的onchange,onclick,onreset等的用法

正确就给分

多谢

...全文

92 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

alexandarsxy 2002-05-12

打赏
举报

有没有会用vbscript编写此段代码的？

孟子E章 2002-05-12

打赏
举报

自找苦吃

孟子E章 2002-05-12

打赏
举报

onchange:当下拉列表选项或对象内容改变时触发
onclick：点击鼠标时触发
onreset：重置表单到默认状态

alexandarsxy 2002-05-12

打赏
举报

忘记说了，用vbscript编写的

孟子E章 2002-05-12

打赏
举报

<html>
<HEAD>
<title>例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


<script language="javascript">
var selects=new Array(new Array(new Option("粮食","粮食"),new Option("油料","油料"), new Option("棉麻烟","棉麻烟"), new Option("蔬菜","蔬菜"),
new Option("水果","水果"),
new Option("水产品","水产品"),
new Option("茶叶","茶叶"),
new Option("副食品","副食品"),
new Option("其它","其它")),
new Array(new Option("农药","农药"),
new Option("化肥","化肥"),
new Option("种子","种子"),
new Option("农机","农机"),
new Option("其它","其它")),
new Array(new Option("原材","原材"),
new Option("种苗","种苗"),
new Option("花卉","花卉"),
new Option("制品","制品"),
new Option("器械","机械"),
new Option("其它","其它")),
new Array( new Option("畜药","畜药"),
new Option("禽药","禽药"),
new Option("鱼药","鱼药"),
new Option("中药材","中药材"),
new Option("其它","其它")));

function chsel()
{
document.f.second.options.length=0;
if(document.f.master.value=="农副")
k=0;
if(document.f.master.value=="农资")
k=1;
if(document.f.master.value=="林水")
k=2;
if(document.f.master.value=="药材")
k=3;
for(var i=0;i<selects[k].length;i++)
document.f.second.add(selects[k][i]);
}
</script>


</head>

<body topmargin="0" leftmargin="0" marginweight="0" marginheight="0" bgcolor="#0099FF" oncontextmenu="return false;"><p> </p>
<P align=center>
<form name=f>

<SELECT name=master onchange="chsel();">
<Option value="农副">农副</Option>
<Option value="农资">农资</Option>
<Option value="林水">林水</Option>
<Option value="药材">药材</Option>
</SELECT>
<SELECT name=second>
<Option value="粮食">粮食</Option>
<Option value="油料">油料</Option>
<Option value="棉麻烟">棉麻烟</Option>
<Option value="蔬菜">蔬菜</Option>
<Option value="水果">水果</Option>
<Option value="水产品">水产品</Option>
<Option value="茶叶">茶叶</Option>
<Option value="副食品">副食品</Option>
<Option value="其它">其它</Option>
</SELECT>

</form>
</p>
</center>
</body>
</html>

用JSP+JavaScript打造二级级联下拉菜单

Android中内容观察者的使用---- ContentObserver类详解

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签 1.3.6更新 Bug treegrid: getChecked方法不能返回正确的行. fixed. tree: 异步树,在onlyLeafCheck:true时复选框不显示正确. fixed. Improvement treegrid:继承datagrid组件所有的selecting和checking方法。 linkbutton:图标对齐方式,支持值:'top','bottom','left','right'。 linkbutton:添加"size"属性,支持值:'small','large'。 linkbutton:添加的onClick事件。 menubutton:添加"menuAlign"属性,允许用户设置顶级菜单对齐。 combo:添加"panelAlign"属性,支持值:'left','right'。 calendar:"formatter"、"styler"和"validator"选项可用于自定义日历日期。 calendar:添加的onChange事件。 panel:添加"method","queryParams"和"loader"属性。 panel:添加"onLoadError"事件。 datagrid:添加"onBeginEdit"事件。 datagrid:添加"onEndEdit"事件。 datagrid:添加"sort"方法和"onBeforeSortColumn"事件。 datagrid:"combogrid"编辑器集成到datagrid。 datagrid:添加"ctrlSelect"属性,允许使用ctrl+click 多选 slider:添加"converter"选项,允许用户决定如何将一个值转换为滑块的位置或滑块位置值。 searchbox:添加"disabled"属性。 searchbox:添加"disabled","enable","clear","reset"方法。 spinner:添加"readonly"属性、"readonly"方法和"onChange事件。

这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理，实例是实现一个日期选择下拉菜单。本文调试环境为IE6/firefox1.5。首先来分析一下日期下拉菜单的需求。建议大家在写任何程序的时候都应该在动手编程之前想清楚自己需要些什么，这样编程才有效率。年份：一般来说有一个有效年份，比如说1900年至当前年份才是为效的，这个要根据实际需求来确定，如果是该下拉菜单是用来选择出生年月...

下拉选择框onchange触发隐藏输入框window.onload=function(){var sel=document.getElementById("sel");if (sel.value=="隐藏输入框1") {var sum1=document.getElementById("input1");//隐藏输入框1sum1.style.display="none";var sum2=docu...