今天教大家如何用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>
運行效果
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是用H5做有特效的下拉框的詳細內容。更多資訊請關注PHP中文網其他相關文章!