用H5做有特效的下拉框
程序员文章站
2022-05-22 08:33:22
...
今天教大家如何用H5做出一个有小特效的下拉框。当你点击下拉框的内容会就出现在文本域中的一个小特效,下面来看一下详细案列代码。
HTML中有个下拉框,包含“风,雨,雷,电”,添加事件,当选择风时,文本域内出现选择
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form name="form_name" > <select name="select_name" onChange="ShowToText(); " > <option value="1">风</option> <option value="2">雨</option> <option value="3">雷</option> <option value="4">电</option> </select><br> <textarea rows="3" cols="30"name="textfield_name3"> </textarea> </form> </body> <script language="JavaScript"> function ShowToText(){ document.form_name.textfield_name3.value=document.form_name.select_name.options[document.form_name.select_name.selectedIndex].text } </script> </html>
运行效果
相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
以上就是用H5做有特效的下拉框的详细内容,更多请关注其它相关文章!
上一篇: 如何用正则表达式匹配正则表达式?
下一篇: 视图--虚拟表