在 jQuery 中删除按值选择的选项

有时，我们需要从下拉菜单或多选框中删除某个特定的选项。使用 jQuery，可以轻松地按值选择选项并将其删除。

代码示例

HTML

<select id="mySelect">
  <option value="1">选项 1</option>
  <option value="2">选项 2</option>
  <option value="3">选项 3</option>
  <option value="4">选项 4</option>
</select>

JavaScript

// 选择要删除的选项
var optionToRemove = '2';

// 通过值选择选项并将其删除
$('#mySelect option[value="' + optionToRemove + '"]').remove();

在此示例中，我们选择要删除的选项的值（2），然后使用 jQuery 选择器找到该选项并使用 remove() 方法将其删除。

注意事项

• 如果选择器返回多个匹配项，则将删除所有匹配项。
• 如果未找到匹配项，则不会进行任何操作。

以上所述即为如何在 jQuery 中删除按值选择的选项。希望这篇文章对你有所帮助！