资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
点击按钮后 文本框变为Select下拉列表框
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>点击按钮后，文本框变为Select下拉列表框</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20showSelect()%7B%20%0D%0A%20%20%20%20var%20_t%20%3D%20document.getElementById('t')%3B%20%0D%0A%20%20%20%20var%20_s%20%3D%20document.getElementById('sel')%3B%20%0D%0A%20%20%20%20if(%20_t.style.display%20%3D%3D%20'')%7B%20%0D%0A%20%20%20%20%20%20%20%20_t.style.display%20%3D%20'none'%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%7B%20%0D%0A%20%20%20%20%20%20%20%20_t.style.display%20%3D%20''%3B%20%0D%0A%20%20%20%20%7D%20%0D%0Aif%20(%20_s.style.display%20%3D%3D%20'none'%20)%7B%20%0D%0A%20%20%20%20%20%20%20%20_s.style.display%20%3D%20''%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%7B%20%0D%0A%20%20%20%20%20%20%20%20_s.style.display%20%3D%20'none'%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <input type="text" name="t" id="t" value="ASP"> <select name="sel" id="sel" style="display:none;"> <option value="0">ASP</option> <option value="1">ASP.NET</option> <option value="2">PHP</option> <option value="3">JAVA</option> </select> <input type="submit" name="Submit" onclick="showSelect();" value="你擅长的" /> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程