首页 > 代码库 > JavaScript动态修改html组件form的action属性

JavaScript动态修改html组件form的action属性

用javaScript动态修改html组件form的action属性,可以在提交时再决定处理表单的页面。

<%--JavaScript部分--%>
<script language="javascript">
    <%--略掉其余代码--%>
    if(usertypevaluehttp://www.mamicode.com/=="company"){
         document.form.action="./company.jsp"
         document.form.submit();
    }
     else if(usertypevaluehttp://www.mamicode.com/=="user"){
        document.form.action="./user.jsp"
         document.form.submit();
     }
     else if(usertypevaluehttp://www.mamicode.com/=="tourism"){
         document.form.action="./tourism.jsp"
         document.form.submit();
     }
    <%--略掉其余代码--%>
</script>

<%--html部分代码--%>
<form name="form" id="form" action="" method="post">    
     <%--略掉其余代码--%>    
     <input type="radio" name="usertype" id="usertype" value="http://www.mamicode.com/tourism">旅游局
    <input type="radio" name="usertype" id="usertype" value="http://www.mamicode.com/company">公司
    <input type="radio" name="usertype" id="usertype" value="http://www.mamicode.com/user" checked="checked">游客        
    <br>
    <input type="button" value="http://www.mamicode.com/确认" onclick="validate();">
    <input type="reset" value="http://www.mamicode.com/重置">
        <%--略掉其余代码--%>
</form>

这样就可以在检查用户信息后,把参数用post方法传给另一不确定jsp页面

JavaScript动态修改html组件form的action属性