当前位置：Gxlcms > JavaScript > js删除select中重复项的实现代码

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

时间：2021-07-01 10:21:17 帮助过：4人阅读

<!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> 
 
<h4>删除select重复项演示</h4> 
//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需刷新才能执行]

效果

来源:51obj

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

人气教程排行