下拉选择框改变表单action的简单例子

做了个简单的小例子

用js弄的。

form  的代码

1
<form  action=""  method="post" id="formRole">

type的 下拉单

1
2
3
4
5
6
<select name="type" id="type"  onchange="changeAction()">
      <option value="B" > b</option>
      <option value="C" >c</option>
       <option value="D" >d</option>
       <option value="E" >e</option>
     </select>

js  代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
function  changeAction(){
      
  //alert("提交"+document.getElementById("type").value);
  var str=document.getElementById("type").value;
  if(str=='B'){
    document.getElementById("formRole").action="www.yq1012.com";
  }else if(str=="C"){
      document.getElementById("formRole").action="www.yq1012.com";
  }else if(str=="D"){
      document.getElementById("formRole").action="www.yq1012.com";
  }else if(str=="E"){
      document.getElementById("formRole").action="www.yq1012.com";
  }else{
      document.getElementById("formRole").action="";
  }
  alert("提交"+ document.getElementById("formRole").action);
  
}
</script>
 
原文地址:https://www.cnblogs.com/yhws/p/3901490.html