jquery选择列表删除

时间:2010-05-13 20:57:11

标签: jquery

我的页面上有2个多选列表,其中一个是单独的删除按钮。选择所选列表中的项目是从第一个选择列表中删除项目。同时我将指定从此代码中删除项目的列表

$().ready(function() {    
   $('#remove').click(function() {    
       return !$('#FeatureList option:selected').remove();      
   });         
});

1 个答案:

答案 0 :(得分:1)

如果列表是相对的,如下所示:

<select>...options...</select>
<input type="button" class="remove" />

你可以这样做:

$(function() {
  $('.remove').click(function() {
    $(this).prev('select').find('option:selected').remove();
  });  
}); 

目前您的代码中有ID,导致我相信您多次使用相同的ID ... this is invalid HTML,对于可能出现n次的列表,您应该使用类并找到相对于按钮的列表。如果不可能,则每个组合都需要唯一的ID或类。

另外,请尝试避免将$().ready用作it's deprecated in jQuery 1.4+,您应该使用$(document).ready(func);或更短版本:$(func);