jQuery 从中删除选定的选项

Question

这是我的第一篇文章，我很平静:)我已经搜索过，但找不到我想要的东西。

我正在尝试操纵选择框的选定选项。有人可以解释一下为什么这样有效吗：

$('#some_select_box').click(function() {
  $('#some_select_box option:selected').remove();
});

但这不行：

$('#some_select_box').click(function() {
  $('this option:selected').remove();
});

我只想使用“this”而不是拼写出选择框的 id - 有人可以为我指出正确语法的正确方向吗？这让我很生气，因为它看起来应该很简单。我确信这是对某人来说的，但不是对我来说，因为今天结束了，我已经筋疲力尽了……非常感谢任何指点。

干杯

Answer 1

$('#some_select_box 选项:选中').remove();

Answer 2

上面的选项在创建表单中有效，但是最准确的方法是只删除禁用的值，为什么？

想一想，当你想在编辑表单中使用它时，你只需要删除禁用选定的选项，否则它将从多选下拉列表中删除所有选定的选项。

从上面的下拉列表中删除禁用的值

$('#some_select_box').find('option:disabled').remove().end();

将删除如下所示的选项

<select id="some_select_box" multiple>
   <option disabled selected>Choose Option</option>
</select>

Answer 3

this 不是 CSS 选择器。
您可以通过将 this 作为上下文传递来避免拼写 this 的 id：

$('option:selected', this).remove();

http:// api.jquery.com/jQuery/

Answer 4

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

使用 find 方法。

Answer 5

这是一个更简单的

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

Answer 6

这应该可以解决问题：

$('#some_select_box').click(function() {
  $('option:selected', this ).remove();
});