删除select下拉列表菜单中多选项的js代码

发布时间:2021-01-04编辑:脚本学堂
本文介绍一个可以实现删除select下拉列表菜单中多选项的js代码,有需要的朋友,可以参考下。

一个SELECT多选项中有多个选择,要删除时同时删除选择的多项。
实现原理:把选择的多项的值获取到,然后删除即可。

1、js代码
 

复制代码 代码示例:

<script language="javascript">
function selectID(obj){
//获得对象所有选择项的值
//by http://www.jb200.com
    var o=document.getElementById(obj).options;
    var len=o.length;
    var str="";
    for (var i=0;i<len ;i++ )
    {
     if (o[i].selected==true)
     {
      str +=o[i].value+",";
     }
    }
    return(str);
   }

function selectDel(obj)
{
 var dobj=document.getElementById(obj);
 var selectValue=selectID(obj);//这里调用程序
 var sv=selectValue.split(",");//这里一项一项的删除
 for (var j=0;j<sv.length;j++)
 {
        for (var i = 0; i < dobj.options.length; i++) {      
   selectValue=dobj.options[dobj.options.selectedIndex].value;
            if (dobj.options[i].value == sv[j]) {      
                 dobj.options.remove(i);      
             }      
         }
 }
}
</script>

2、html内容
 

复制代码 代码示例:
<select name="selectSid" size="5" multiple id="selectSid" style="line-height:80px;">
<option value="选项1">选项1</option>
<option value="选项2">选项2</option>
<option value="选项3">选项3</option>
<option value="选项4">选项4</option>
</select>
<input type="button" name="button2" id="button4" value="&lt;&lt;删除" onClick="selectDel('selectSid')">