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

最新推荐文章于 2017-03-03 16:11:36 发布

转载最新推荐文章于 2017-03-03 16:11:36 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yhws/p/3901490.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的JavaScript示例，通过下拉菜单的选择来动态更改HTML表单的提交地址。具体实现方式为监听下拉菜单选项变化，并依据所选值修改表单的action属性。

做了个简单的小例子

用js弄的。

form 的代码

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

type的下拉单

<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 代码

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