使用javascript将项目添加到HTML下拉列表中 [英] add item to dropdown list in html using javascript
本文介绍了使用javascript将项目添加到HTML下拉列表中的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有这个javascript + html来填充下拉菜单，但它不工作，我做错了什么？注意我想在页面上填写下拉菜单Load
<！DOCTYPE html>
< html>
< head>
< script>
函数addList（）{
var select = document.getElementById（year）;
for（var i = 2011; i> = 1900; --i）{
var option = document.createElement（'option'）;
option.text = option.value = i;
select.add（option，0）;
}
}
< / script>
< / head>
< body>
< select id =yearname =year>< / select>
< / body>
< / html>
解决方案
由于您的脚本位于 < head> ，您需要将它包装在 window.onload 中：
window.onload = function（）{
var select = document.getElementById（year）;
for（var i = 2011; i> = 1900; --i）{
var option = document.createElement（'option'）;
option.text = option.value = i;
select.add（option，0）;
}
};
您也可以这样做
< body onload =addList（）>
I have this javascript+html to populate a dropdown menu but it is not working, am i doing anything wrong? Note I want the drop down menu to be filled on page Load
<!DOCTYPE html>
<html>
<head>
<script>
function addList(){
var select = document.getElementById("year");
for(var i = 2011; i >= 1900; --i) {
var option = document.createElement('option');
option.text = option.value = i;
select.add(option, 0);
}
}
</script>
</head>
<body>
<select id="year" name="year"></select>
</body>
</html>
解决方案
Since your script is in <head>, you need to wrap it in window.onload:
window.onload = function () {
var select = document.getElementById("year");
for(var i = 2011; i >= 1900; --i) {
var option = document.createElement('option');
option.text = option.value = i;
select.add(option, 0);
}
};
You can also do it in this way
<body onload="addList()">
这篇关于使用javascript将项目添加到HTML下拉列表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
