注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

JavaScript从listbox里同时删除多个项目的代码

JavaScript 水墨上仙 1257次浏览 已收录 手机上查看

要从列表框同时删除多个项目,我们不能从上到下的删除,因为上面的项目每删除一个,下面的项目的索引号就会变化,所以只能从下向上删除,这样就不会出现索引号乱变的问题了。

html代码


<table>
<tr>
    <td align="center">
        <select id="lsbox" name="lsbox" size="10" multiple>
            <option value="1">India</option>
            <option value="2">United States</option>
            <option value="3">China</option>
            <option value="4">Italy</option>
            <option value="5">Germany</option>
            <option value="6">Canada</option>
            <option value="7">France</option>
            <option value="8">United Kingdom</option>
        </select>
    </td>
</tr>
<tr>
    <td align="center">
        <button onclick="listbox_remove('lsbox');">Delete</button>
        <button onclick="window.location.reload();">Reset</button>
    </td>
</tr>
</table>

javascript代码如下:



function listbox_remove(sourceID) {
    // from http://www.75271.com 
    //get the listbox object from id.
    var src = document.getElementById(sourceID);
  
    //iterate through each option of the listbox
    for(var count= src.options.length-1; count >= 0; count--) {
 
         //if the option is selected, delete the option
        if(src.options[count].selected == true) {
  
                try {
                         src.remove(count, null);
                         
                 } catch(error) {
                         
                         src.remove(count);
                }
        }
    }
}


当然,如果使用jQuery来删除,那就方便了,一句话就搞定了


$("#sourceId").find('option:selected').remove();


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明JavaScript从listbox里同时删除多个项目的代码
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
水墨上仙
……
加载中……