下拉列表框數(shù)據(jù)的增加、刪除、上下排序的JavaScript

2024-09-05 12:22:09

字體：大中小

來源：轉載

供稿：網(wǎng)友

在一個支持多選的下拉列表框內(nèi)進行數(shù)據(jù)項的添加、刪除、向上、向下移動操作，我們在一些人才網(wǎng)站或是編程技術站經(jīng)常會看到這種功能，比較實用。

<title>下拉列表數(shù)據(jù)上下排序</title><SCRIPT LANGUAGE="JavaScript"></script><form ACTION="" METHOD="POST"><table><tr><td><input type="button" value="增加" onclick="move(this.form.list1,this.form.list2)" name="B1"><br><input type="button" value="刪除" onclick="remove(this.form.list2)" name="B2"><br><input type="button" value="向上" onclick="Moveup(this.form.list2)" name="B3"><br><input type="button" value="向下" onclick="Movedown(this.form.list2)" name="B4"></td><td><select multiple size=7 name="list2"><option value="one">ASP</option><option value="two">PHP</option><option value="three">ASP.NET</option><option value="four">JAVA</option><option value="five">DELPHI</option></select></td></tr><tr><td><input type="text" name="list1" value=""></td></tr></table></form>

上一篇：Select列表左右內(nèi)容交換的JS代碼，支持同時多選

下一篇：JavaScript常用表單判斷實例代碼