简体   繁体   English

使用JavaScript填充选择列表

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM