我需要知道如何仅使用Javascript创建下拉菜单,而不涉及其他编程语言



基本上,我有一个简单的程序,想知道如何在函数中创建下拉菜单,仅使用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()。

你可以创建一个完整的html页面,而不仅仅是一个Pure 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);

最新更新