[英]Populate select list using javascript
I am trying to populate HTML select list using JavaScript. 我正在尝试使用JavaScript填充HTML选择列表。 I believe I am doing it correctly, but I am not able to populate the list.
我相信我做得正确,但是我无法填充列表。 The list is still empty.
该列表仍然为空。 What am I missing here?
我在这里想念什么?
HTML: HTML:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script type="text/javascript" src="../../Scripts/app/Base.js"></script>
<title>Index</title>
</head>
<body>
<div>
Select <select id = "MyList"></select>
</div>
</body>
</html>
JS: JS:
window.onload = function(){
var select = document.getElementById("MyList");
var options = ["1", "2", "3", "4", "5"];
for (var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}
}
Do you mean window.onload
? 你是说
window.onload
吗?
Fiddle: http://jsfiddle.net/5Jr8N/ 小提琴: http : //jsfiddle.net/5Jr8N/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.