當頁面打開時,我需要制作包含從 0 到 100 的選項的部分,在 html 中很簡單,只需將其全部輸入 :D,但我想我可以在 Java 腳本中執行此操作,但我不太確定如何。這是我的 html 和一些 js 代碼:
function options() {
var section = document.getElementById("section");
for(var i = 0;i < 100;i ){
section.innerHTML = "<option value="i">" i "</option>";
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section id="section" onload="options">
</section>
</body>
</html>
uj5u.com熱心網友回復:
這是你如何做到的 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<select id="mySelect" onload="options()"></select>
</html>
<script type="text/javascript">
var selectElem = document.getElementById("mySelect");
for (var i = 0; i < 100; i ){
var element = document.createElement("option");
element.innerText = i 1;
selectElem.append(element);
}
</script>
這是作業示例
uj5u.com熱心網友回復:
<section>標簽不支持onload。
你可以查看w3schools onl oad 事件和MDN: onl oad,標簽支持onload是:<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
所以你可以移動onload="options()"到<body>然后轉義雙引號并使用<select>而不是<section>作為提到的評論。
function options() {
var section = document.getElementById("section");
for(var i = 0;i < 100;i ){
section.innerHTML = "<option value=\"i\">" i "</option>";
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body onload="options()">
<select id="section">
</select>
</body>
</html>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/358983.html
標籤:javascript html
上一篇:將本地存盤添加到存盤后鍵入錯誤
