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

JavaScript动态修改HTML组件form的action属性实现灵活表单处理

最新推荐文章于 2021-06-21 18:16:35 发布

最新推荐文章于 2021-06-21 18:16:35 发布 · 335 阅读

文章标签：

#javascript #ViewUI

本文介绍了如何使用JavaScript动态修改HTML表单组件form的action属性，实现在提交表单时根据用户信息选择不同的处理页面。通过条件判断，将参数通过POST方法传递给不确定的JSP页面，实现表单处理的灵活性。

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

<%--JavaScript部分--%>
<script language="javascript">
    <%--略掉其余代码--%>
    if(usertypevalue=="company"){
         document.form.action="./company.jsp"
         document.form.submit();
    }
     else if(usertypevalue=="user"){
        document.form.action="./user.jsp"
         document.form.submit();
     }
     else if(usertypevalue=="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="tourism">旅游局
    <input type="radio" name="usertype" id="usertype" value="company">公司
    <input type="radio" name="usertype" id="usertype" value="user" checked="checked">游客        
    <br>
    <input type="button" value="确认" onclick="validate();">
    <input type="reset" value="重置">
        <%--略掉其余代码--%>
</form>

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