开发工具与关键技术: VS , MVC ;
作者:刘佳明
撰写时间:2019年 6 月 20 日
本篇文章的主要内容呢,就是小编练习实验的一段代码;特别拿来记录,
首先,以下是关于代码的效果截图
页面结构呢,一个top选项卡中包裹着指定的页面,其中那个表格小编自己定义的一个表格,行内的每个单元格中所包裹的效果标签都是不一样的(当然,这个是为了瞒足之后代码的发展所需要的)
另外点击选择“维修项目”的下拉框时,我们就需要根据下拉框中的ID ,把维修项目的ID 传输到控制器中去,在数据库中查询出对应ID 的那一条数据,之后返回到页面中,回填到input输入框,下拉框中,效果如下:
下拉框的代码需要注意:
<tr>
<td><select class=" SelectOne form-control" >' + '
<option value="">请选择</option>' + '
<option value="1">一级维护</option>' + '
<option value="2">美容</option>' + '
<option value="3">检修小灯不高(只)</option>' + '
<option value="4">更换雨刮器</option>' + '
</select>
</td>
<td>
<select class="MainatainCraf form-control">' + '
<option value="0">请选择</option>' + '
<option value="1">补漆</option>' + '
<option value="2">机修</option>' + '
<option value="3">电路</option>' + '
<option value="4">钣金</option>' + '
</select>
</td>
<td><input type="text" class="form-control MaintainMoney" value=" " /></td> @*维修费*@
<td><input type="text" class="form-control Discount" value="" /></td> @*折扣*@
<td><input type="text" class=" form-control ListMoney" value="" /></td> @*实收金额*@
<td>
</tr>
$(".SelectOne").change(function () {
var SelectOneValue = $(".SelectOne").val();
$.post("MaintainItem", { MaintainItemID:SelectOneValue}, function (data) {
$(".MainatainCraf").first().val(data.MaintaincraftID);
$(".MaintainMoney").first().val(data.MaintainMoney);
$(".Discount").first().val("0.00");
chnegfa();
});
})
行内部计算的方法;判断折扣是否大于1,小于1,运行计算,大于1 则提示用户
function chnegfa() {
$(".Discount").keyup(function () {
var Discount = $(".Discount").val();
if (Discount < 1) {
var Discount = $(".Discount").val();
console.log(Discount);
var MainatainCraf = $(".MaintainMoney").val();
console.log(MainatainCraf);
var ListMoney = Discount * MainatainCraf;
console.log(ListMoney);
$(".ListMoney").val(ListMoney);
}
else {
alert("注意:折扣是不能大于1的喔!!!");
}
})
}