js删除select中重复项的实现代码_表单特效

来源：动视网责编：小采时间：2020-11-27 20:47:20

js删除select中重复项的实现代码_表单特效

js删除select中重复项的实现代码_表单特效: 删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block;

推荐度：

点击下载本文 文档为doc格式

导读js删除select中重复项的实现代码_表单特效: 删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block;

<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> 
 
/*定义全局函数$*/ 
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> 
 
<h4>删除select重复项演示</h4> 
http://www.gxlcms.com/ 
<hr /> 
<select id="sel" multiple="multiple" size="1"><option>待初始化…</select> 
<hr /> 
<button id="btnInital">初始化</button> 
<button id="btnDistinct">删除重复项</button> 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

效果