一个表单使用两个提交按钮

来源:互联网 发布:淘宝店铺客服不回话 编辑:程序博客网 时间:2024/05/21 11:35

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="static/jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="static/jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="static/jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css">
<script src="static/jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="static/jQueryAssets/jquery-ui-1.9.2.tabs.custom.min.js" type="text/javascript"></script>
</head>


<body>
<div id="Tabs1">
  <ul>
    <li><a href="#tabs-1">上传用例</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
    <li><a href="#tabs-3">Tab 3</a></li>
  </ul>
  <div id="tabs-1">
    <form id="form1" name="form1" method="post" enctype="multipart/form-data" action="">
      <label for="uploadFile">上传用例:</label>

      <input name="uploadFile" type="file" id="uploadFile" size="50" />

<!--注意 button的name不能命名为submit,不然会报错:f[s] is not a function-->

      <input type="button" id="save" value="上传" onClick="is_submit(2)" />
      <input type="button" id="execute" value="上传并执行" onClick="is_submit(1)" />
    </form>
  </div>
  <div id="tabs-2">
  <iframe src="http://10.100.1.50:8080/displayTestCase" height="800" width="1700">
  </iframe>
  </div>
  <div id="tabs-3">
    <p>内容 3</p>
  </div>
</div>
<script type="text/javascript">
$(function() {
$( "#Tabs1" ).tabs(); 
});
function is_submit(value) {
        var form1 = $("#form1");
        if (value == 1) {          
            form1.action = "/exeTestCase";
             $("#form1").attr("action",form1.action);
            form1.submit();
        }
        if (value == 2) {
            form1.action = "/upload";
            $("#form1").attr("action", form1.action);
            form1.submit();
        }
};
</script>
</body>
</html>