按钮特效-不同的按钮提交不同的表单地址

——————————————————————————

<script type="text/javascript">            
            //提交表单
            function submitForm(btn){
                var btnId = btn.id;            //获取单击按钮的id
                var f = document.forms[0]        //当前的表单
                if(btnId == 'myBtn1'){            //是否是第一个按钮
                    f.action = 'url1.html';        //修改action地址
                }else if(btnId == 'myBtn2'){        //如果是第二个按钮
                    f.action = 'url2.html';        //修改action地址
                }
                f.submit();                    //提交表单
            }
        </script>

——————————————————————————

<body style="text-align:center;">
        <!-- 定义表单,包含2个按钮 -->
        <form action="" method="post" style="display:block; width: 200px; height: 200px; border: 1px solid black;">
            <br/><br/><br/>
            <input type="button" value="提交按钮一" id="myBtn1"
                onclick="submitForm(this);"/>
            <br/>
            <input type="button" value="提交按钮二" id="myBtn2"
                onclick="submitForm(this);"/>
        </form>
    </body>

——————————————————————————

posted @ 2016-09-22 11:13  承载梦想-韩旭明  阅读(376)  评论(0编辑  收藏  举报