我需要知道如何僅使用 Javascript 創建下拉菜單，不涉及其他編程語言

Question

基本上，我有一個簡單的程序，想知道如何在函數內創建一個下拉菜單，只使用 Javascript，不使用 HTML 或任何其他語言。 有點類似於 document.write 之類的東西。 這是我的代碼的一小段； 這是在一個函數中，用 Javascript 編寫：

我還沒有找到解決這個問題的任何方法，所以沒有嘗試任何東西。

var menu = document.getElementById("num_of_teams");
menu.addEventListener("change", generateData);

function generateData(event) {
    var lb = "<br\>";
    if (menu.value == '2') {
       alert("You have selected 2 teams. Would you like to proceed?");
       let first_team = prompt("What is the name of your first team?");
       let second_team = prompt("What is the name of your second team?");
       document.write("GAMES PLAYED:");   
       document.write(lb);
       document.write (first_team+"(H) vs."+second_team+"(A)");          
       document.write(lb);
       document.write (second_team+"(H) vs."+first_team+"(A)");
  }

我希望有一個下拉菜單，其中包含我已分配的選項顯示在屏幕上。 我還希望能夠調用函數 onClick()。

Answer 1

您可以創建一個完整的 html 頁面，而不僅僅是通過純 Javascript 的下拉列表，但有必要在 html 頁面上定義腳本，您可以定義一個簡單的 html 頁面，如下所示：

<!DOCTYPE html>
<html lang="en" dir="ltr">
<body>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>

並使用 javascript 完成您的工作，例如，我將使用<select></select>標簽添加一個簡單的下拉列表

var select = document.createElement("select");
for (var i=0; i < 4; i += 1) {
 var option = document.createElement("option"),
     text = document.createTextNode("option" + i);
 option.appendChild(text);
 select.appendChild(option);
}
document.body.appendChild(select);

我需要知道如何僅使用 Javascript 創建下拉菜單，不涉及其他編程語言

問題描述

1 個解決方案

解決方案1
0 2019-07-19 19:55:44

我需要知道如何僅使用 Javascript 創建下拉菜單，不涉及其他編程語言

問題描述

1 個解決方案

解決方案1 0 2019-07-19 19:55:44

解決方案1
0 2019-07-19 19:55:44