今天教大家如何用h5做出一个有小特效的下拉框。当你点击下拉框的内容会就出现在文本域中的一个小特效，下面来看一下详细案列代码。

HTML中有个下拉框，包含“风，雨，雷，电”，添加事件，当选择风时，文本域内出现选择

html>  
  
  
    <meta>  
    <title>Title</title>  
  
  

                  风           雨           雷           电       
                

      <script>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;ShowToText(){&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.form_name.textfield_name3.value=document.form_name.select_name.options[document.form_name.select_name.selectedIndex].text&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp; </script>  

运行效果

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

响应式烟草公司HTML5网站模板

响应式烟草公司HTML5网站模板是一款适合提供各种不同种类的优质烟草公司宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

HTML里关于表格table嵌套的注意事项

HTML5标签嵌套规则的详细介绍

html5制作吃月饼小游戏教程