在网上很多网友问,关于实现在一个select列表中选择一个项目,在另一个select选项动态更新的情况。其实他的原理很简单的,只有记住几个主要的要点就可以。
下面的例子给出了一个完整的演示。由于看例子比我解说更容易理解,所以我就废话少说,把代码贴出,希望对大家需要的网友有一点帮助。
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" C>
<META NAME="Author" C>
<META NAME="Keywords" C>
<META NAME="Descripti>
<style type="text/css">
body{f>
<!--
var Name=new Array(3);
var Value=http://www.dedecms.com/web-art/htmlbase/Javascript/20021217/new Array(3);
Name[1]=new Array("Zosatapo1","Zosatapo2","Zosatapo3","Zosatapo4");
Name[2]=new Array("Reic Yang1","Reic Yang2","Reic Yang3","Reic Yang4");
functi-1"));
return;}
selIndex=document.all("main").selectedIndex;
for(i=0;i<Name[selIndex].length;i++)
{
document.all("sub").opti-1"));
document.all("test").opti>
First Sample:<br><f>All items will change After you Selected!</f >
<opti selected>==========
<opti>Zosatapo
<opti>Reic Yang
</SELECT><input name="Reset Select" type="butt ><br><br>
Sec>You selected Item in Main Select will change the Sub select C >
<opti selected>==========
<opti>Zosatapo
<opti>Reic Yang
</SELECT>
Sub Select:<SELECT id="sub" >
<opti selected>==========
</SELECT><br><br>
</BODY>
</HTML>
欢迎您访问www.5ucms.org
上一篇:5ucms教程,网页输入框日期型有效性判定一网打尽 下一篇:5ucms培训,动态生成select选项全接触 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms模版,不刷新页面动态更新select选项,实现两个select相互操作的关键词: |