下拉列表onchange事件

原创 2011年01月18日 11:39:00

<html>
<title>testpage</title>
<head>
<style>
 //style="overflow-y:hidden;overflow-x:hidden";
</style>
<script language="javascript" type="text/javascript">
function chg(){
 //var id=document.getElementById("showpage").value
   if(document.form1.slt.value=="11111"){
    document.getElementById("showpage").style.display="";
    document.getElementById("showit").style.display="";
   }
    if(document.form1.slt.value=="22222"){
    document.getElementById("showpage").style.display="none";
    document.getElementById("showit").style.display="none";
   }
  
  if(document.form1.slt.value=="33333"){
      document.getElementById("showpage").style.display="";
  }
  if(document.form1.slt.value=="55555"){
    document.getElementById("showit").style.display="none";
  }
 
 
}
</script>
</head>
<body>
 <form action="#" name="form1" method="post">
 <select name="slt" onchange="chg()">
   <option>please select</option>
   <option value="11111">11111</option>
   <option value="22222">22222</option>
   <option value="33333">33333</option>
   <option value="44444">44444</option>
   <option value="55555">55555</option>
 </select>
 <br />
 <input name="showpage" type="text" value="this is a test page"  style="display:none;border-left:0px;border-top:0px;border-right:0px;border-bottom:1px solid #ff0000 " />
 <div id="showit">good for you</div>
 </form>
</body>
</html>

【BootStrap】关于Select下拉框选择触发事件以及扩展

转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几...
  • qq_26525215
  • qq_26525215
  • 2016年11月22日 00:47
  • 5344

Easyui - 一个比较复杂的ComboGrid(数据表格下拉框)单选的例子

由于某种情况下,使用ComboGrid的时候比较多,为了方便以后使用的时候方法查找,在这里记录一下。 适用场景:单项选择,自动完成,看下面的效果图。 先看一个效果图: 这里输入助记码的时候...
  • isea533
  • isea533
  • 2014年12月20日 12:28
  • 8797

BootStrap中关于Select下拉框选择触发事件及扩展

Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项。 怎么解决这个问题呢?下面小编给大家带来了BootStrap中关于Select下拉框选择触发事件及扩展,需要...
  • AinUser
  • AinUser
  • 2017年04月07日 09:40
  • 3957

Android Studio 实现下拉列表刷新并嵌套轮播图(自动轮播+手动轮播+点击事件)

  • 2017年11月07日 16:36
  • 33.58MB
  • 下载

下拉列表框的联动事件

  • 2012年07月30日 14:09
  • 17KB
  • 下载

【Android】下拉列表、拖动条、星级评分条与标签文本的触摸事件

下拉列表、拖动条与星级评分条都是Android中的一些基本组件。 写一个小小的程序,来说明其用法。 如下图: 当下拉列表有值选定之后,则弹出相应的提示信息,哪个值被选择。星际评分条也一样...
  • yongh701
  • yongh701
  • 2015年06月17日 09:45
  • 1210

从零开始学android:Android事件处理—下拉列表框与OnItemSelectedListener

下拉列表监听 Spinner组件的主要功能是用于进行下拉列表显示的功能,当用户选中下拉列表中的某个选项之后可以使用Spinner类中提供的setOnItemClickListener()方法进行监听。...
  • e421083458
  • e421083458
  • 2013年11月27日 22:12
  • 3092

Android实现RecyclerView自定义列表、点击事件以及下拉刷新

Android使用RecyclerView1. 什么是RecyclerViewRecyclerView 是 Android-support-v7-21 版本中新增的一个 Widgets,官方对于它的介...
  • u014756589
  • u014756589
  • 2016年04月29日 11:43
  • 2006

angularjs实现下拉列表的选中事件

自动发放
  • han1196639488
  • han1196639488
  • 2017年03月02日 16:53
  • 1762

安卓实现spinner下拉列表以及实现它点击事件

第一步添加文本内容,list.add(),第二步为数组适配器制定主体样式,为spinner的item样式,里面为list的内容。第三步为适配器设置下拉菜单样式 adapter.setDropDown...
  • kongAndroid
  • kongAndroid
  • 2015年11月28日 08:26
  • 14764
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:下拉列表onchange事件
举报原因:
原因补充:

(最多只允许输入30个字)