正文
javaScript动态给下拉列表框添加选项
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
方式一:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onload = function () {
var sel = document.getElementById("selBirthday");
for (var i = 0; i < 20; i++) {
var opt = document.createElement("option");
opt.innerHTML = i;
opt.value = i;
sel.appendChild(opt);
}
}
</script>
</head>
<body>
<select id="selBirthday">
</select>
</body>
</html>
动态给下拉列表框添加选项
方式二:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onload = function () {
var sel = document.getElementById("selBirthday");
for (var i = 0; i < 20; i++) {
var opt = new Option(i, i); //第一个参数是选项显示的值,第二个是每个选项的value
sel.options.add(opt);
}
}
</script>
</head>
<body>
<select id="selBirthday">
</select>
</body>
</html>
动态给下拉列表框添加选项
