本文介绍了一个简单的HTML下拉菜单示例，通过JavaScript实现当选择不同选项时弹出对应的值。此示例有助于理解如何使用JavaScript处理HTML元素的选择事件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
第一个option
点击主类别也会弹出提示框
但显示的不是option里的内容
而是被选中的value值
-->
<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">
<option value="0">请选择主类别</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</body>
</html>
<script>
function show_sub(v){
alert(v);
}
</script>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
第一个option
点击主类别也会弹出提示框
但显示的不是option里的内容
而是被选中的value值
-->
<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">
<option value="0">请选择主类别</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</body>
</html>
<script>
function show_sub(v){
alert(v);
}
</script>
扫一扫
231
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
