HTML和JavaScript下拉菜單代碼是目前在網頁設計和開發中非常常用的一個元素。通過下拉菜單，我們可以給用戶提供更好的用戶體驗，可以使網頁更加美觀，易于操作。下面是一個簡單的 HTML和JavaScript 下拉菜單代碼示例,讓我們來一起看看如何實現它。
<!DOCTYPE html>
<html>
<head>
<title>下拉菜單示例</title>
</head>
<body>
<select id="countries">
<option value="china">中國</option>
<option value="usa">美國</option>
<option value="uk">英國</option>
<option value="france">法國</option>
</select>
<button onclick="display()">Submit</button>
<p id="result"></p>
</body>
<script>
function display() {
var sel = document.getElementById("countries");
var val = sel.options[sel.selectedIndex].value;
document.getElementById("result").innerHTML = "你選擇的國家是：" + val;
}
</script>
</html>下拉菜單示例利用了HTML中