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

alexandarsxy 2002-05-12 06:31:41

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

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

正确就给分

多谢

...全文

75 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>

3. **事件监听与函数调用**：一级菜单的`onChange`事件触发`changelocation`函数，根据所选一级菜单的ID，筛选出对应的二级菜单项并更新二级下拉菜单。 ### 四、总结通过JSP和JavaScript的结合使用，我们能够构建...

开发者可以通过实现ContentObserver的onChange()方法来处理这些变化。二、ContentObserver的工作原理 1. 注册ContentObserver：开发者需要通过ContentResolver的registerContentObserver()方法来注册...

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。...spinner:添加"readonly"属性、"readonly"方法和"onChange事件。

这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理，实例是实现一个日期选择下拉菜单。本文调试环境为IE6/firefox1.5。首先来分析一下日期下拉菜单的需求。建议大家在写任何程序的时候都...

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