JS ListBox的簡單功能實現代碼

更新時間：2008年10月29日 22:11:41 作者：

這段時間在項目組都是做靜態(tài)頁面，都是些復制粘貼的活，難得碰到個稍微有點難度的頁面。后來看到這個頁面還不錯，可以自己做做看，雖然公司已經有這樣的組件，但不想用，反正沒什么事，就當多學學JS好了。

頁面效果如下：

代碼也貼出來跟大家分享：

<!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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

JS
ListBox

微信小程序實現播放音頻
這篇文章主要為大家詳細介紹了微信小程序實現播放音頻，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06
深入淺析JS是按值傳遞還是按引用傳遞(推薦)
這篇文章主要介紹了JS是按值傳遞還是按引用傳遞(推薦)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-09-09
微信小程序獲取公眾號文章列表及顯示文章的示例代碼
這篇文章主要介紹了微信小程序獲取公眾號文章列表及顯示文章的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-03-03
一文詳解如何使npm-scripts更好維護的配置方法
這篇文章主要為大家介紹了如何使npm-scripts更好維護的配置方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
JScript面向事件驅動的編程
JScript面向事件驅動的編程...
2007-01-01
JS事件監(jiān)聽與事件委托舉例詳解(前端小白必學)
在JavaScript的學習中我們經常會遇到JavaScript的事件機制,例如,事件綁定、事件監(jiān)聽、事件委托(事件代理)等,下面這篇文章主要給大家介紹了關于JS事件監(jiān)聽與事件委托的相關資料,需要的朋友可以參考下
2024-07-07
腳本控制自適應高度的縮短問題
腳本控制自適應高度的縮短問題...
2007-10-10
javascript 移動鼠標得到單元格所在table表中的rowIndex位置[兼容ie,firefox]
移動鼠標，得到單元格所在表中的位置,主要是學習使用js的e.srcElement.
2009-12-12
JavaScript中的對象繼承關系
這篇文章主要介紹了JavaScript中的對象繼承關系的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
js防抖函數和節(jié)流函數使用場景和實現區(qū)別示例分析
這篇文章主要介紹了js防抖函數和節(jié)流函數使用場景和實現區(qū)別,結合實例形式詳細分析了js防抖函數和節(jié)流函數基本功能、定義、用法區(qū)別及操作注意事項,需要的朋友可以參考下
2020-04-04