转帖，主要内容来自http://bbs.csdn.net/topics/260016106
最近在做html5项目，主要是模仿surveymonkey做一个简单的调查问卷系统。本来以为会用到这个——通过选择下拉框来使下面的页面变化。但是后来发现由于做的比较简单，这个看起来是多此一举了。还是设计比较重要，如果早想好的话，也不用浪费一个上午。
这里记录下这个方法，以备后用。
<script>
function cll(id){
if(id==1){
eval("div1.style.display=\"\";");
eval("div2.style.display=\"none\";");}
else{
eval("div2.style.display=\"\";");
eval("div1.style.display=\"none\";");}
}
</script>
<select name="state" onChange="cll(this.value)">
<option value="0">no</option>
<option value="1">yes</option>
</select>
<BR>
<BR>
<div id="div1"> text1 </div>
<div id="div2"> text2 </div>
以下是另外一种div隐藏和显示的方法，两种方法加起来就全了
<html>
<body>
<script>
function show(){
document.getElementById("div").style.display="";
//alert(document.getElementById("div").style.display)
}
function hidden(){
document.getElementById("div").style.display="none";
//alert(document.getElementById("div").style.display)
}
</script>
<BODY>
<input name="name" type="button" onClick="show();" value="显示">
<div id="div" style="display: none" onMouseout="hidden();">
show it
</div>
</BODY>
</HTML>
相关推荐
选择不同的下拉框跳到不同的页面，使用JavaScript实现的下拉框跳到不同页面效果！
javascript代码模块之用下拉框实现页面跳转
jsp实现连动下拉框
js实现通过改变下拉框的值，输出相应的下拉框的value
仿winform的背景颜色选择下拉框，可自行设定系统支持的颜色，自行设定其他属性，下拉框的cs写法就与一般下拉框做法一样，界面写法稍有差别
JavaScript 实现连动下拉框 JavaScript 实现连动下拉框
主要思路是： 1. 继承 QComboBox ，利用 Qtablewidget 实现下拉板内容的实现；...将 Qpushbutton 背景颜色作为被选择颜色，且自定义了 MyPushButton，用以传出背景色； 3. 实现当前色的保存和颜色回选。
多个js实现的多选下拉框
主要介绍了js实现下拉框选择要显示图片的方法,涉及针对js操作select的技巧,非常具有实用价值,需要的朋友可以参考下
使用bootstrap实现多选下拉框
资源名称：使用Javaｓｃｒｉｐｔ实现下拉框的动态控制 内容简介： 使用Javaｓｃｒｉｐｔ实现下拉框的动态控制 一、前言 下拉框是常用的一种web页面控件。它很简单实用，便于 操作者从…组选项...
UiPath选择下拉框.docx
最近小弟做了Extjs实现实现下拉框联动的效果，参考了好久才学会，闲下来发一个简单的例子。。呵呵
winform 页面 下拉框 省市联动选择 demo 小功能组件 选择省后，市选项就自动变为该省内的选项
jquery 实现下拉框左右选择。很好用，值得学习
js实现日期下拉框，js实现日期下拉框，js实现日期下拉框
JS实现多选项下拉框智能提示，使用说明见js文件。适用于在html的select标签中选项较多的情况，支持拼音和五笔输入的智能提示。
该资源在VS2008SP1 IDE中编写，主要介绍了如何在VC++中实现复选下拉框，其中包含了CheckComboBox.h和CheckComboBox.cpp两个文件，这两个文件实现了复选下拉框的功能。但作者Margin在使用复选下拉框时发现：在模态...
JS多选下拉框，实现多选。点击显示下拉。 <!-- function $(e){return document.getElementById(e) ;} $('btnSelect').onclick = function () { //§ó§ï?? $('status').innerHTML = $('status').innerHTML=...
dwz 下拉框左右选择 dwz 下拉框左右选择 dwz 下拉框左右选择