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

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

2014年8月1日 16:27 阅读(3)

做了个简单的小例子用js弄的。 form 的代码 <form 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.javaweb.top";
  }else if(str=="C"){
      document.getElementById("formRole").action="www.javaweb.top";
  }else if(str=="D"){
      document.getElementById("formRole").action="www.javaweb.top";
  }else if(str=="E"){
      document.getElementById("formRole").action="www.javaweb.top";
  }else{
      document.getElementById("formRole").action="";
  }
  alert("提交"+ document.getElementById("formRole").action);

}
</script>

免责声明：文章内容不代表本站立场，本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺，仅供读者参考，文章版权归原作者所有。如本文内容影响到您的合法权益（内容、图片等），请及时联系本站，我们会及时删除处理。