1 第一种:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showv()
{
var tr1=document.getElementById("tr1");
tr1.style.display="";
var sobj=document.getElementById("sv");
alert(sobj.value);
var optionsv="";
for(k=0;k<sobj.options.length;k++)
{
optionsv=optionsv+","+sobj[k].value;
}
alert(optionsv);
}
</script>
<body>
<table width="200" border="1" align="center">
<tr>
<td><input type="button" onclick="showv()" value="列表的值给我出来"/></td>
</tr>
<tr id="tr1" style="display:none">
<td>
<select name="sv" id="sv">
<option value="A">111</option>
<option value="B">222</option>
<option value="C">333</option>
</select>
</td>
</tr>
</table>
</body>
</html>
2 第二种:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showv()
{
var tr1=document.getElementById("tr1");
tr1.style.display="";
var sobj=document.getElementById("sv").value;
alert("你选择的是:"+sobj);
}
</script>
<body>
<table width="200" border="1" align="center">
<tr>
<td><input type="button" onclick="showv()" value="列表的值给我出来"/></td>
</tr>
<tr id="tr1" style="display:none">
<td>
<select name="sv" id="sv">
<option value="A">111</option>
<option value="B" selected="selected">222</option>
<option value="C">333</option>
</select>
</td>
</tr>
</table>
</body>
</html>
3 第三种:
<tr id="orgattr" style="">
<td align="center"><span class="style2">属性</span></td>
<td >
<select name="orgattribute" onchange="oldsubdeptcodeshowcotrol()">
<option value="J">aaa</option>
<option value="Y">bbb</option> </select>
</td>
<td align="center" id="old1"><span class="style2">名称</span></td>
<td id="old2">
<input type="text" name="oldsubdeptcode" maxlength="5" onpaste="return false"
onkeypress="return (event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=65&&event.keyCode<=90)||(event.keyCode>=97&&event.keyCode<=122)"
style="ime-mode:disabled"
/>
</td>
</tr>
---名称输入框只允许输入字母和数字。
只有当属性为J时,名称输入框才显示。
js控制:
function oldsubdeptcodeshowcotrol(){
var selectType=document.getElementById("orgattribute").value;
var old1=document.getElementById("old1");
var old2=document.getElementById("old2");
if(selectType=="J"){
old1.style.display="";
old2.style.display="";
}else{
old1.style.display="none";
old2.style.display="none";
}
}
function setInput()
{
var selectType=document.all.orgtype.value;
var orgattribute=document.getElementById("orgattr");
//alert(selectType);
if(selectType=="4")
{
orgattribute.style.display="";
}
else
{
orgattribute.style.display="none";
}
}
setinput方法在jsp加载和前面一个列表的onchange事件时调用。
分享到:
相关推荐
页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制...
check框控制显示隐藏明细表(隐藏清空明细表)
JS控制明细列显示隐藏 同时控制字段必填属性.js
js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效
主要介绍了JS实现控制图片显示大小的方法,即实现图片等比例缩放功能,涉及JS动态操作页面元素属性相关技巧,需要的朋友可以参考下
js控制层隐藏和显示 一个是点击更改,一个是鼠标移动更改!
js控制隐藏显示table特定列,word文档中有源码实例。
jsp网页PDF显示和控制滚动在线显示pdf
里面包含了单选按钮控制层的隐藏,按钮控制层的增加, 点击文本框消除初始值等等常用的JS
本文实例讲述了js控制页面的全屏展示和退出全屏显示的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<!DOCTYPE html> <html> <meta http-equiv=”Content-Type” content=”text/html;...
js实现点击右侧小图左侧显示大图带控制按钮
js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
主表控制明细列隐藏显示
用js控制table列的显示隐藏 用js控制table列的显示隐藏
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路) 目录 背景效果思路 背景 效果 思路 背景 前段时间在公司项目中遇到一个问题,地图底图区域只有一部分范围,超出当前范围会显示白底,使用效果来...
IE6、IE7、IE8 JS控制显示隐藏兼容问题
我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式: 代码如下:function Clock() { var date = new Date(); this.year = date....
自己搜集的js控制图片放大、缩小、按比例显示,包括鼠标滚动放大缩小图片(兼容火狐)、按设定比例显示图片、双击图片放大缩小等。
通过JS代码简单明了实现动态的显示一个钟表
js日历控制,可以方便进行控制日期的显示