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

Posted Winstone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript动态修改html组件form的action属性相关的知识,希望对你有一定的参考价值。

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页面



























以上是关于JavaScript动态修改html组件form的action属性的主要内容,如果未能解决你的问题,请参考以下文章

使用 JavaScript 动态应用 CSS

Form 组件动态绑定数据

西游之路——python全栈——Form组件字段及动态绑定

django——form组件

动态表单修改

如何动态嵌套 vue 组件?