取得下拉框的value和text

最新推荐文章于 2020-02-27 18:02:50 发布

原创最新推荐文章于 2020-02-27 18:02:50 发布 · 509 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #apple #function #input

本文介绍了一个简单的HTML与JavaScript实现的下拉菜单选择效果案例。通过JavaScript获取下拉菜单的选项并显示所选项目的值及文本，适用于网页前端开发初学者实践。

<html>
<head>
  <title>aaa</title>
<script language ="javascript">
function getFruit()
{
  var v = document.getElementById("fruit").options[document.getElementById("fruit").selectedIndex];
alert(v.value + v.text);

}
</script>
</head>
<body>
<select name="fruit" >
    <option value="apple">苹果
    <option value="orange">桔子
    <option value="mango">芒果
</select>
<input type="submit" value="提交" onclick = getFruit()>
</body>
</html>