<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>1</title>
<script src="main.js"></script>
</head>
<body onLoad="OnLoad()">
<form name="form">
<select name="weapons" onChange="SelectWeapon()"></select>
</form>
</body>
</html>
var weaponsArray = [
'Broadsword',
'Crossbow',
'Magic staff'
];
function OnLoad() {
for (var i = 0; i < weaponsArray.length; i ) {
var wepType = "<option value = '" i "'>" weaponsArray[i] "</option>";
document.forms["form"]["weapons"] = wepType;
}
}
我試圖通過將選項標簽添加到陣列元素然后將其添加到選擇標簽來使用 document.forms 將陣列元素添加到選擇標簽。
我希望這最終填充 html 頁面上的下拉串列，但下拉串列保持為空。我是 JavaScript 的新手，所以我很難找出哪里出了問題。
uj5u.com熱心網友回復：
可以使用document.createElement創建一個選項，然后使用Element.append將其添加到選擇元素：
var weaponsArray = [
'Broadsword',
'Crossbow',
'Magic staff'
];
function OnLoad() {
for (let i = 0; i <weaponsArray.length; i ) {
// create a new option
const option = document.createElement('option');
option.value = i;
option.textContent = weaponsArray[i];
// add the option to the select element
document.forms.form.weapons.append(option);
}
}<body onLoad="OnLoad()">
<form name="form">
<select name="weapons"></select>
</form>
</body>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/535639.html