§ ITPOW >> 文档 >> JavaScript >> DOM & DHTML

Option操作示例－删除重复项

作者：云梦来源：ITPOW 日期：2005-12-31

Option操作示例－删除重复项
Option操作示例－选中闰年

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>删除重复项</title>
</head>

<body>

<form id="F1" method="post" action="process.asp">
  年份：
  <select size="8" name="D1">
    <option>2005</option>
    <option>2005</option>
    <option>2004</option>
    <option>2003</option>
    <option>2003</option>
    <option>2003</option>
    <option>2003</option>
    <option>2001</option>
    <option>2005</option>
    <option>2000</option>
    <option>2000</option>
  </select>
  <input type="button" value="删除重复项" onclick="javascript:Foo('F1');">
</form>
<script type="text/javascript" language="javascript">
<!--
function Foo(formID)
{
    var F1 = document.getElementById(formID);
    var i = 0
    while (i < F1.D1.options.length)
    {
        var j = i+1;
        while (j < F1.D1.options.length)
        {
            if (F1.D1.options[i].text == F1.D1.options[j].text)
            {
                F1.D1.options[j] = null;
            }
            else
            {
                j ++;
            }
        }
        i++;
    }           
}
//-->
</script>

</body>

</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

Option操作示例－删除重复项
Option操作示例－选中闰年

电邮：cftea@126.com