select 控制网页内容隐藏于显示的实现代码_表单特效

<script>
function setChange()
{
if (document.f.selfs.value == "1")
{
document.all.tb1.style.display = "block";
}
else
{
document.all.tb1.style.display = "none";
}
if (document.f.selfs.value == "2")
{
document.all.tb2.style.display = "block";
}
else
{
document.all.tb2.style.display = "none";
}
}
</script>
<form name=f>
<select name="selfs" size="1 onchange="setChange()">
<option selected>选择方式</option>
<option value="1">方式1</option>
<option value="2">方式2</option>
</select>
<table id='tb1' style='DISPLAY:none'>
方式1 方式1 方式1
</table>
<table id='tb2' style='DISPLAY:none'>
方式2 方式2 方式2
</table>
</form>
判断方式也可以改为不等式

时间： 2024-07-28 12:32:55

select 控制网页内容隐藏于显示的实现代码_表单特效的相关文章

select组合框option的捕捉实例代码_表单特效

这是一份报名表单,要求用户在选中"专业人士访问员"和"定性访问员"后,分别显示"可提供被访者类型"和"容易接触到的行业"的对应表单.当呈未选中状态时,这2个框也对应的隐藏起来. html部分 复制代码 代码如下: <p> <label class="title">报名参加的兼职职位(必填项)<br/>按住Ctrl键可多选</label> <select

js 获取当前select元素值的代码_表单特效

1.如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个. 2.可以通过 select.selectedIndex 获取到选中的 option 元素的索引. 3.可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素. 4.option 元素 <option selected="selected" value="value3">text3&l

js select 控制实现代码_表单特效

实现代码: 复制代码 代码如下: <select id=test11 size=5 style="width:50px"></select> <select id="test" style="width:50px"></select> <button onclick='test[test.length]=new Option("1","12");'>

js select常用操作控制代码_表单特效

// 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break

javascript 动态设置已知select的option的value值的代码_表单特效

复制代码 代码如下: funtion setSelectOption(a,b){//a =>select 的id名,b=>已知option的值 for (i=0;i<$(a).length;i++) //$(a)获取a的id的简单写法,前提是必须用引用prototype.js if($(a).options[i].value == b){//遍历select $(a).options[i].selected=true;//选中特定值 break; }

js 获取中文拼音,Select自动匹配字母获取值的代码_表单特效

复制代码 代码如下: <script type="text/javascript"> var key2code = {65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j", 75:"

在textarea中显示html页面的javascript代码_表单特效

我想让textarea中写的html页面显示为html形式      我知道有htmledit之类的工具   我用不了他的那么多的功能     我只要简单的显示就可以了 1楼 如果你只为显示的话,可以用document.write()      如果还要编辑的话,我觉得你可能还是要用htmledit之类的工具,我现在在研究fckeditor,他有几中类型,有功能少的.嘿嘿,个人之见,希望对你有用. 2楼 <textarea   id=tx1></textarea>      <

javascript select 之间传值效果的代码_表单特效

二个框内值传递.不错的效果 复制代码 代码如下: <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] = '初中';   

用javascript来实现select标签的美化的代码_表单特效

用javascript模拟select达到美化效果 用户注册 帐号 密码 省份 江西福建广东浙江 http://www.jb51.net/article/http://www.iwcn.net">作者博客