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

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

做了个简单的小例子 用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>

 

 

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

为您推荐

nodejs 整理记录

nodejs 整理记录

下载包 https://blog.csdn.net/m0_59878114/article/details/120274...
websocket测试html

websocket测试html

<!DOCTYPE html> <html> <head> <meta cha...
bigdemical两个数比较大小

bigdemical两个数比较大小

/*int result = bigdemical1.compareTo(bigdemical2) result = -...
Beetl2.7 中文文档

Beetl2.7 中文文档

Beetl目前版本是2.7.23,相对于其他java模板引擎,具有功能齐全,语法直观,性能超高,以及编写的模板容易维护等...
纯CSS实现多个便签在一行展示,拖动滚动

纯CSS实现多个便签在一行展示,拖动滚动

div <h2>请注意需要在移动端预览,PC端拖拽无效果</h2> <div class=...
返回顶部