我需要知道如何仅使用Javascript创建下拉菜单,而无需使用其他编程语言 [英] I need to know how to create a dropdown menu using ONLY Javascript, no other programming language involved
问题描述
基本上,我有一个简单的程序,想知道如何在一个函数内创建下拉菜单,仅使用Javascript,不使用HTML或任何其他语言.有点类似于document.write之类的东西.这是我的代码的简短片段;这是在函数内并用Javascript编写的:
Basically, I have a simple and program and want to know how to create a dropdown menu WITHIN a function, using only Javascript, no HTML or any other language involved. Kind of similar to things like document.write. This is a short snippet of my code; this is within a function and written in Javascript:
我没有找到解决此问题的任何方法,因此没有尝试任何事情.
I haven't found any solution to this problem and so have not tried anything.
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()函数.
I would expect for a dropdown with options that I have assigned to be displayed on-screen. I would also want to be able to call a function onClick().
推荐答案
您不仅可以通过Pure Javascript创建完整的html页面,而且可以创建一个完整的html页面,但必须至少在html页面上定义脚本,像这样的简单html页面:
You can create a full html page not just a dropdown list by Pure Javascript but it's necessary to define the script on an html page in the minimum you can define a simple html page like that :
<!DOCTYPE html>
<html lang="en" dir="ltr">
<body>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
并使用javascript来完成您的工作,例如,我将使用< select></select>
标记
And complete your work using javascript like that for example i will add a simple dropDown list using <select></select>
tag
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创建下拉菜单,而无需使用其他编程语言的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!