form表单file,select选择后自动提交

form表单file、select选择后自动提交

1、input type="file"控件自动提交，常用于修改用户图片等处。（注：post，get方式都行）

1. <?php 
2.     if($_POST){ 
3.         echo 1; 
4.     } 
5.     if($_GET){ 
6.         echo 2; 
7.     } 
8. ?> 
9. <script type="text/javascript">  
10. function submitform(){  
11.     document.forms["myform"].submit();  
12. }  
13. </script>  
14. <form id="myform" action="test.php" method="post">  
15. 修改图片：<input type="file" name="file" onchange="javascript: submitform()" value="提交" /> 
16. </form>  

2、<select></select>选择框 自动提交，常用于页面底部选择页数后自动跳转翻页。（注：仅支持get方式）

1. <form action="" method="get">  
2.     <select name="here" onchange="window. location . href = this.options[this.selectedIndex].value;">  
3.         <option value="">--请选择--</option>  
4.         <option value="http://www.baidu.com">baidu</option>  
5.         <option value="http://www.51cto.com">51cto</option>  
6.     </select>  
7. </form>  

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1163619，如需转载请自行联系原作者