1、先看效果图
2、 代码实现
前端页面实现
- orderFormAdd.html
<div class="wrapper wrapper-content animated fadeInRight ecommerce">
<div class="row">
<form class="form-horizontal" id="orderFormAddForm" method="post">
<div class="form-group hidden">
<label class="col-lg-2 control-label">ID</label>
<div class="col-lg-3">
<input type="text" class="form-control" name="id"/>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label"><span class="text-danger">*</span> 客户名称</label>
<div class="col-lg-3">
<select class="form-control" name="customerId" id="customerId_POP">
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label"><span class="text-danger">*</span> 客户电话</label>
<div class="col-lg-3">
<input type="text" class="form-control" name="phoneNumber" id="phoneNumber_POP"/>
</div>
<label class="col-lg-3 control-label"> 送货日期</label>
<div class="col-lg-3">
<div class="input-group date">
<input type="text" class="form-control _searchDate" name="deliveryDate" id="deliveryDate"/><span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label"><span class="text-danger">*</span> 送货地址</label>
<div class="col-lg-9">
<inpu