可能的重复:
设置没有值的属性 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(使用前将#替换为@)