JS ListBox的简单功能实现代码

时间：2020-11-22 22:52:45|栏目：JavaScript代码|点击：次

页面效果如下：

代码也贴出来跟大家分享：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <body> <script language="JavaScript" type="text/javascript">  </script> <table width="80%" border="0" align="center" style="margin-top:20px;"> <tr> <td align="right"> <select name="input" size="10" multiple="multiple" id="input" style="width:200px; font-size:16px"> <option>美元/英镑</option> <option>美元/港币</option> <option>美元/新加坡元</option> <option>美元/日元</option> <option>美元/加拿大元</option> <option>美元/欧元</option> </select> </td> <td align="center"> <p> <input type="button" name="Submit" value="增 加" onclick="addIt()"/> </p> <p> <input type="button" name="Submit2" value="删 除" onclick="deleteIt()"/> </p> </td> <td> <select name="output" size="10" multiple="multiple" id="output" style="width:200px; font-size:16px"> </select> </td> </tr> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：JS 页面自动加载函数(兼容多浏览器)

栏目：JavaScript代码

下一篇：原生JS实现简单的无缝自动轮播效果

本文标题：JS ListBox的简单功能实现代码

本文地址：http://www.codeinn.net/misctech/25180.html

更多JavaScript代码

JavaScript代码

JS ListBox的简单功能实现代码

阅读排行

推荐教程