软件开发培训班 >> 编程开发 >> JavaScript

js删除select中重复项的实现代码

　　本文标签：select,重复项

<!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=utf-8" /> 
<title>删除select中重复项</title> 
<style type="text/css"> 
body{ text-align:center;} 
div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} 
h4{ } 
a{text-align:right; display:block; font-size:12px;} 
</style> 
<script type="text/javascript"> 
/*定义全局函数$*/ 
function $(id){ 
return document.getElementById(id); 
} 
/*初始化select*/ 
function InitialSelectOption(id){ 
var oSel=$(id); 
var aOptions=["Wang Hongjian","Wang Hongjian","Nichoal Smith","Nichoal Smith","David Gates","David Gates","David Gates","Wang Hongjian","Wang Hongjian","Nichoal Smith","Nichoal Smith","David Gates","David Gates","David Gates"]; 
var i=0; 
oSel.options.length=0; 
while(i 
</head>

<body> 
<div> 
<h4>删除select重复项演示</h4> 
http://www.jb51.net/ 
<hr /> 
<select id="sel" multiple="multiple" size="1"><option>待初始化…</select> 
<hr /> 
<button id="btnInital">初始化</button> 
<button id="btnDistinct">删除重复项</button> 
</div> 
</body> 
</html>

技术文章快速查找

Raphael一个用于在网页中绘制矢量图形的Javascript库

javascript实现的仿51job地址多项选择方式效果

一份老外写的XMLHttpRequest代码多浏览器支持兼容性

基于jQuery的动态增删改查表格信息，可左键/右键提示（原创自Zjmainstay）

JQuery加载图片自适应固定大小的DIV

ExtJS 入门

用jquery等比例控制图片宽高的具体实现

让浏览器非阻塞加载javascript的几种方法小结

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建