对于select做ele.setAttribute（“value”，“xxxx”）与ele.value = ""的效果

最新推荐文章于 2022-06-29 14:26:10 发布

原创最新推荐文章于 2022-06-29 14:26:10 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#select #value #setArribute

这样啊同时被 2 个专栏收录

42 篇文章

订阅专栏

网页

13 篇文章

订阅专栏

本文探讨了在JavaScript中如何正确地为HTML的select元素设置默认选项值，并对比了使用setAttribute与直接修改value属性的不同效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先来段代码：

var s = document.createElement("select") ;
for(var i = 0 ; i < 5 ; i++){
   var op = document.createElement("option") ;
 s.appendChild(op) ;
}

//--------------now start test
alert(s.getAttribute("value")) ;//null
alert(s.value) ;//0
//-----set default option
s.setAttribute("value",3) ;//do't work
s.value = 3 ; //work

嗯，应该能说的很清楚了，但是原因嘛，不是特别理解啊；不是推荐DOM level 1 的setA ，getA吗，可是获取值与设置默认值怎么办呢，还是不行的~