23
08月
2023
<body>
<form id="form1">
<div class="procureWarp">
<img class="headBg" src="/images/Cabinet/headUrl_01.png" alt="">
<div class="head">
<div class="title">用品采购审批</div>
</div>
<div class="procureFrom">
<div class="fromUl">
<div class="itemlist">
<div class="fromLi">
<div class="label">
<img src="/images/Cabinet/procure_01.png" alt="">
<span>申请部门</span>
</div>
<div class="value">
<select id="departName" class="fromSelt" name="departName">
<%foreach (var item in areaList)
{%>
<option value="<%=item.AreaName %>" <%=item.AreaName.Equals(CurUserDept)?"selected":"" %>><%=item.AreaName %></option>
<%}%>
</select>
</div>
<img class="rightJt" src="/images/Cabinet/procure_05.png" alt="">
</div>
<div class="fromLi">
<div class="label">
<img src="/images/Cabinet/procure_02.png" alt="">
<span>物品名称</span>
</div>
<div class="value">
<select class="fromSelt" id="proType" name="proType">
<%foreach (var item in proLIst)
{%>
<option value="<%=item.Name %>"><%=item.Name %></option>
<%}%>
</select>
</div>
<img class="rightJt" src="/images/Cabinet/procure_05.png" alt="">
</div>
<div class="fromLi">
<div class="label">
<img src="/images/Cabinet/procure_02.png" alt="">
<span>采购数量</span>
</div>
<div class="value">
<input class="inputnum" placeholder="请输入采购数量" id="buyNum" type="number" name="buyNum" />
</div>
</div>
</div>
<div class="additem">
<div class="uploads">
<span class="text">新增 + </span>
</div>
</div>
</div>
<div class="fromUl">
<div class="fromLi">
<div class="label">
<img src="/images/Cabinet/procure_03.png" alt="">
<span>附件(word、excel、pdf、rar等格式)</span>
</div>
<div class="fileUpload">
<div class="uploads">
<img src="/images/Cabinet/downFile.png" alt="">
<span class="text">附件上传</span>
</div>
<input type="hidden" id="file1" />
<input class="upload" name="txtName" type="file" id="uploadify" onchange="uploadfile()" />
<div class="filename"></div>
</div>
</div>
<div class="fromLi">
<div class="label">
<img src="/images/Cabinet/procure_04.png" alt="">
<span>详情说明</span>
</div>
<div class="textear">
<textarea id="des" class="input" placeholder="请输入详情说明" maxlength="500"></textarea>
<div class="textCount"><span class="num">0</span>/500</div>
</div>
</div>
</div>
</div>
<div class="butList">
<div class="but butAct">
<a href="javascript:submit()">提交</a>
</div>
</div>
<uc1:foot runat="server" ID="foot2" />
</div>
</form>
</body>
<script>
var beforeHtml = $(".itemlist").html();
//提交
function submit() {
var buyNum = $("#buyNum").val();
if (buyNum == "") {
alert("请输入采购数量");
return;
}
var serializeUrl = $("#form1").serialize();
$.ajax({
url: "SuppliedPurchasing.aspx", type: "post", dataType: "json",
data: {
action: "submit",
//departmentName: $("#departName").val(),
//proType: $("#proType").val(),
//buyNum: buyNum,
data: JSON.stringify(serializeUrl),
fileUrl: $("#file1").val(),
des: $("#des").val()
},
success: function (data) {
alert(data.Msg);
if (data.Code === 200) {
location = "/m/UserCenter/OrderList.aspx";
}
}, error: function (data) {
}
});
}
$(".additem").click(function () {
$(".itemlist").append("<div class=\"heng\"></div>" + beforeHtml);
})
</script>
非特殊说明，本文版权归SmallChen个人博客 所有，转载请注明出处.
本文标题： 前端html点击新增多项，ajax提交，后台接收