jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

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

来源:网络整理  作者:wy  发布时间:2020-12-24 21:11
本文介绍一个可以实现删除select下拉列表菜单中多选项的js代码,有需要的朋友,可以参考下。...

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

1、js代码
 

复制代码 代码示例:

<script language="javascript">
function selectID(obj){
//获得对象所有选择项的值
//by ym97.com/wenku
    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')">

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/8631.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

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

2020-12-24 编辑:wy

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

1、js代码
 

复制代码 代码示例:

<script language="javascript">
function selectID(obj){
//获得对象所有选择项的值
//by ym97.com/wenku
    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')">

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/8631.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页