有问题的

最新推荐文章于 2023-06-29 11:06:23 发布

清风浪迹天涯

最新推荐文章于 2023-06-29 11:06:23 发布

阅读量499

点赞数

分类专栏： JavaScript 文章标签： function

JavaScript 专栏收录该内容

162 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建并填充HTML下拉列表的方法。通过`document.createElement`和`Option`构造函数，可以在页面加载完成后自动添加多个选项。文章还提到了避免在创建选项时直接设置`selected`属性，并推荐了在所有选项添加完毕后再设置默认选中项的做法。

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

<
html
>



<
head
></
head
>



<
body
>



<
script
>




window.onload 
=
 
function
()

{

    
var
 sel 
=
 document.createElement(
"
select
"
);    

    document.body.appendChild(sel);

    sel.add(
new
 Option(
"
1
"
,
"
1
"
,
false
,
false
));

    sel.add(
new
 Option(
"
2
"
,
"
2
"
,
false
,
false
));

    sel.add(
new
 Option(
"
3
"
,
"
3
"
,
false
,
false
));

    sel.add(
new
 Option(
"
4
"
,
"
4
"
,
false
,
true
));

    sel.add(
new
 Option(
"
5
"
,
"
5
"
,
false
,
false
));

}



  
</
script
>



</
body
>



</
html
>




顺便说一句：不要在创建的时候设置selected为true，这样问题多多。 

  

 最好在填充完成之后，select.selectedIndex=3。