概述
<!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>
最后
以上就是从容芝麻为你收集整理的一个表单使用两个提交按钮的全部内容，希望文章能够帮你解决一个表单使用两个提交按钮所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复