首页/javascript外包/ js提交form表单|js提交form表单,并传递参数|超链接提交表单

js提交form表单|js提交form表单,并传递参数|超链接提交表单

发布-xiaoming | 浏览量-

一:javascript 页面加裁时自动提交表单
Form表单:
<form method="post" id="myform" action="a.php">
<input type="submit" value="提交表单">
</form>
 
javascript 代码:
<script type="text/javascript">
function validate(){
  document.getElementById('myform').submit();
}
window.load=validate();
</script>
 
注:用Javascript提交表单时最好form里的元素不要用id="submit"或name="submit",例如:
<input type="button" name="submit" />或<input type="button" id="submit" /> 这样JS可能不兼容各种浏览器,会导致JS报错。
 
 
二: 超链接提交表单
 
Form表单:
<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>
 
<a href="javascript:validate()">提交</a>
 
javascript 代码:
<script type="text/javascript">
function validate(){
  document.getElementById('myform').submit();
}
</script>
 
用javascript其实真的很方便的去干某些事情!
 
三:js提交form表单,并传递参数
 
function queryFun(){
    var type = $("#artType").val();
    var hasInputed = "1";//表示输入了要搜索 的信息
    if($("#query").val()=="选手姓名/编号"){
        //表示没有输入要搜索的值  
        hasInputed="0";
    }
     document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type;
    document.getElementById("queryForm").submit();
}

原文地址:http://www.35ui.cn/post/20150401392.html

标签js提交form表单js表单

上一条: JavaScript中==和===的区别| JS中==与===操作符的比较
下一条: JS性能优化|javascript性能优化

或许你还对下面的文章感兴趣