如何在 jQuery 中设置没有值的 HTML 属性(例如选中、选择、禁用)[重复]

2024-04-18

可能的重复:
设置没有值的属性 https://stackoverflow.com/questions/13159180/set-attribute-without-value

有时,在处理 HTML 时,需要设置 DOM 元素的属性而不使用任何值,例如看到selected这里的参数:

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

HTML 文档中的这种属性并不罕见。例如,下面列出了可能的属性:

  • checked;
  • selected;
  • required;
  • multiple;
  • disabled;
  • etc.

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


按照您的示例,假设您有

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

并且您想要添加selected归因于<option>这样value="fiat"。因此,与纯Javascript您可以使用setAttribute method:

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 method:

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

在这两种情况下,都会将空字符串作为属性值传递。

您可以通过查看您提供的更改后的相关 HTML 代码来验证输出是否是所需的输出。

最后,请注意一个类似的问题是:“设置没有值的属性 https://stackoverflow.com/questions/13159180/set-attribute-without-value".

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 jQuery 中设置没有值的 HTML 属性(例如选中、选择、禁用)[重复] 的相关文章

随机推荐