我正在使用 HTML5 和 CSS 创建一个网站。我正在尝试创建一个下拉菜单，我有它的代码。但是，我的代码只生成一个下拉菜单。如何添加“开始”按钮，以便在选择一个选项并按下开始按钮时，输出与下拉菜单值相关的答案。
例如，我有:
<!DOCTYPE html>
<html>
<head>
<title> My Project</title>
</head>
<body>
<select>
<option value="volvo">1</option>
<option value="saab">2</option>
<option value="mercedes">3</option>
<option value="audi">4</option>
</select>
</body>
</html>
我如何: 1.添加提交按钮。 2. 提交按钮并从下拉菜单中选择一个数字时，将输出汽车名称以供用户查看。
最佳答案
这是一种方法。
在您的选择上放置一个 id。例如:
<select id="carNames">
使用 onclick JavaScript 函数调用创建一个按钮。
<button onclick="showCarName();" >Go</button>
这里很有趣。在 JavaScript 脚本标签中定义一个函数来获取您选择的值。
function showCarName(){
//First grab your select
var select = document.getElementById("carNames");
//Then get it's value
var carName = select.value;
//After that you just need to write it somewhere in the document
document.write(carName);
}
关于css - 带输出的 HTML5 下拉菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22976035/