您的位置：首页 > 其它

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

2017-05-27 14:45 267 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航