【angularjs】ng-change小实例

想要实现下拉选择后,另一个输入框自动匹配输入的功能

下面是代码:

 

物料编码下拉框的html:

                    <th class="rth">
                        <label>物料编码:</label>
                    </th>
                    <td>
                        <select ng-model="vm.code" class="form-control" ng-options="x.DefID for x in vm.codes"  ng-disabled="vm.strFlag=='Edit'" ng-change="vm.codechange()">
                            <option value="">请选择</option>
                        </select>                    
                    </td>

物料编码的js:

             //物料编码下拉显示
             var strWhere0 = "ClassID='CS'";
             $http({
                 params: { "ajaxMethod": "getGridDataBySQL", "columns": "*", "table": "[SITMesDB].[dbo].[MMvdDefinitions]", "strWhere": strWhere0, "orderby": "" },
                 method: 'GET',
                 url: 'mom.situi/handler/Public.ashx'
             }).then(function successCallback(response) {
                 console.log(response);

                 if (response.data.rows.length == 0) {
                 }
                 else {
                     self.codes = response.data.rows;

                 }
             }, function errorCallback(response) {
                 // 请求失败执行代码
             }
         );

物料名称的html:

                    <th class="rth">
                        <label>物料名称:</label>
                    </th>
                    <td>
                        <input id="DefName" type="text" class="form-control" ng-model="vm.DefName" placeholder="根据物料编码显示" autocomplete="off" ng-disabled="true">
                    </td>

物料名称的js:

             this.codechange = function () {
                 if ($.trim(self.code) == "" || self.code == "请选择" || self.code == null) {
                     self.DefName = "";
                 }
                 else {
                 console.log(self.code);
                 self.DefName = self.code.DefName;
                 }
             }

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值