项目编程中“一行”代码；

梦里梦外; 2022-10-03 00:47 72阅读 0赞

开发工具与关键技术： VS ， MVC ；  
作者：刘佳明  
撰写时间：2019年 6 月 20 日

本篇文章的主要内容呢，就是小编练习实验的一段代码;特别拿来记录，  
首先，以下是关于代码的效果截图

![在这里插入图片描述][20190622164736453.png]

页面结构呢，一个top选项卡中包裹着指定的页面，其中那个表格小编自己定义的一个表格，行内的每个单元格中所包裹的效果标签都是不一样的（当然，这个是为了瞒足之后代码的发展所需要的）  
另外点击选择“维修项目”的下拉框时，我们就需要根据下拉框中的ID ，把维修项目的ID 传输到控制器中去，在数据库中查询出对应ID 的那一条数据，之后返回到页面中，回填到input输入框，下拉框中，效果如下：  
![在这里插入图片描述][20190622164805565.png]  
下拉框的代码需要注意：

<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的喔！！！");
                        }              
                    })
                }

[20190622164736453.png]: /images/20220109/70f3a16dc6a5485a89c90823db533486.png
[20190622164805565.png]: /images/20220109/fcec871f38b14df1b4e24b4e1ce5968e.png