jQuery如何删除：选中的属性并正确添加新属性

Question

如何删除:selected属性并添加新属性？

Answer 1

你想要像

这样的东西

$('#mySelect option:selected').removeAttr('selected');

$('#mySelect option:nth-child(5)').attr('selected','selected');//select the one you want

btw ，您在谈论单个选择列表（例如下拉列表）？...还是选择多个？ - 如果是多选，你需要相应调整。

我更新了nth child selector ...将所选属性设置为方括号时，[4]在选择器中不起作用。

Answer 2

如果您正在谈论<select>，只需使用.val()设置值，如下所示：

$('#mySelect').val('new value');

这会自动选择具有该值的<option>。

Answer 3

如果是多选，您需要从所有行中删除selected，您可以使用以下内容：

 $("#mySelect option:selected").each(function () {
               $(this).removeAttr('selected'); 
               });

第一个子句获取所有选定的选项，而each遍历它们，而removeAttr则删除'selected'。

Answer 4

$('#mySelect').val('新值'); 这会自动选择具有该值的 。

但是在值不存在的情况下，在选择选项之前 不会选择任何值， 因此，请确保选择选项中已存在该值。