javascript select 之间传值效果的代码

2016-02-19 09:12 3 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐javascript select 之间传值效果的代码,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

二个框内值传递.不错的效果

代码如下:

script type="text/javascript" defer="defer" 

function $(value) 

 return document.getElementById(value); 

function ch(s){ 
 var p = new Array(0,1,2); 
 p[0] = '大学'; 
 p[1] = '高中'; 
 p[2] = '初中'; 
 if(s.value=='0'){ 
  $('n2').options.length = 0; 
  $('n2').options.add(new Option(p[0],p[0])); 
 } 
 if(s.value=='1'){ 
  $('n2').options.length = 0; 
  $('n2').options.add(new Option(p[1],p[1])); 
 } 
 if(s.value=='2'){ 
  $('n2').options.length = 0; 
  $('n2').options.add(new Option(p[2],p[2])); 
 } 

/script 
table width="400" border="0" style="text-align:center" cellpadding="0" cellspacing="0" 
  tr 
    td width="119"select name="n1" size="10" id="n1" onchange="ch(this)" 
      option value="0"大学/option 
      option value="1"高中/option 
      option value="2"初中/option 
    /select 
    /td 
    td width="281"select name="n2" size="10" id="n2"option value="a"a/option 
        /select/td 
  /tr 
/table 



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1589938.html

延伸阅读
标签: Web开发
拖动效果函数演示 by Longbill.cn body { font-size:12px; color:#333333; border : 0px solid blue; } div { position : absolute; background-color : #c3d9ff; margin : 0px; padding : 5px; border : 0px; width : 100px; height:100px; } div1:我可以被拖动 div2:来拖我呀 div3:我随便你拖 div4:我...
标签: Web开发
由于marquee标签现在用得是越来越少了,所以滚动效果的做法大多也都改用javascript来实现了,至于不明白为什么不直接用marquee标签的朋友,不妨先阅读一下这篇文章。 第一种方法:用javascript模拟marquee的做法。 出处:网易游戏 热点新闻 滚动新闻 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 个人观点:从...
标签: Web开发
JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库。对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事。我们可以通过一个例子,编写第一个JavaScript程序。通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的。JavaScript的脚本包...
标签: Web开发
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 还可以这样写   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
论坛经常有人会问到用CSS如何美化Select标签,其实但凡你看到很酷的都是用javascript来实现的。昨天试着做了一下,基本实现的初级功能。拿出来和大家一起分享一下。先可以看一下预览效果:http://www.iwcn.net/demo/select。 1、调用要方便,做好之后应该像这样: 代码如下: function loadSelect(selectobj){  //传入一个selec...

经验教程

350

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部