如何在jQuery中设置没有值的超文本标记语言属性（例如选中、选择、禁用）[重复]

Question

可能重复：
设置没有值的属性

有时，在处理HTML时，需要在不使用任何值的情况下设置DOM元素的属性，例如，请参见此处的所选参数：

<select id="auto-makers">
  ...
  <option value="fiat" selected>FIAT</option>
  <option value="ford">FORD Motor Company</option>
  <option value="gm">General Motors</option>
  ...
</select>

超文本标记语言文档中的这种属性并不罕见。例如，下面列出了可能的属性：

• 已选中
• 已选择
• <代码>必需
• 多个
• 禁用
• 等等

如何使用Javascript和/或jQuery在运行时设置没有值的属性？

Answer 1

按照您的示例，假设您

<select id="auto-makers">
  ...
  <option value="fiat">FIAT</option>
  <option value="ford">FORD Motor Company</option>
  <option value="gm">General Motors</option>
  ...
</select>

并且您要将选择的属性添加到

var select = document.getElementsById('auto-makers');
for (var i=0; i<select.options.length; i++){
   if (select.options[i].value=="fiat"){
     select.options[i].setAttribute('selected','');
     break;
   }
}

而使用jQuery，您可以简单地使用attr方法：

$('#auto-makers').find('option[value="fiat"]').attr('selected','');

在这两种情况下，都会传递一个空字符串作为属性的值。

您可以通过查看您提供的更改之后的相关超文本标记语言代码来验证输出是否是所需的输出。

最后，请注意，类似的问题是：“设置没有值的属性”。