选中select下拉菜单项提交表单
分类：实例代码
选中select下拉菜单项提交表单属于前端实例代码，有关更多实例代码大家可以查看。
在网页中，有不少这样的功能，那就是当选中<select>下拉菜单中的一项的时候就会提交表单，比如在一些分页代码中，使用select下拉菜单选中某一页码，这个时候就会跳转到的相应的页面，下面就简单介绍一下如何实现次功能，代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>如何实现选中下拉菜单项提交表单-前端教程网</title>
<style type="text/css">
div{
width:200px;
height:200px;
margin:0px auto;
}
</style>
<script type="text/javascript">
window.onload=function(){
var theSelect=document.getElementsByName("num");
var theForm=document.getElementsByName("myform");
theSelect[0].onchange=function(){
theForm[0].submit()
}
}
</script>
</head>
<body>
<div>
<form action="http://www.pipipi.net" method="post" name="myform">
<select name="num">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
</div>
</body>
</html>
通过<select>的onchange事件调用document.myform.submit()函数即可。
选中select下拉菜单项提交表单，这样的场景在实际项目中还是用的比较多的，关于选中select下拉菜单项提交表单就介绍到这了。