首页 > 代码库 > 下拉选择框改变表单action的简单例子

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

2024-07-16 16:15:27   220人阅读

做了个简单的小例子

用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=http://www.mamicode.com/"B" > b</option>
      <option value=http://www.mamicode.com/"C" >c</option>
       <option value=http://www.mamicode.com/"D" >d</option>
       <option value=http://www.mamicode.com/"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>

 

 

 


联系
我们