码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-08-09 21:07:49      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:color   java   os   io   for   ar   cti   div   

做了个简单的小例子

用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>

 

 

 

下拉选择框改变表单action的简单例子,布布扣,bubuko.com

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

标签:color   java   os   io   for   ar   cti   div   

原文地址:http://www.cnblogs.com/yhws/p/3901490.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!