Javascript 下拉列表更改时角度js文本框值为空

如果用户选择“文本框值为空”，则应禁用文本框，并清除文本框。我使用下面的代码来做它。但不幸的是我做不到。 如果用户输入值并选择“文本框值为空”，则文本框应清除

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.myList=[{
案文：“1”，
值：“选项1”
}, {
案文：“2”，
值：“选项2”
},];
$scope.size=“D，文本框值为空，”；
$scope.number=函数（）{
}
});

那怎么办


var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.myList=[{
案文：“1”，
值：“选项1”
}, {
案文：“2”，
值：“选项2”
},];
$scope.size=“D，文本框值为空，”；
$scope.number=功能（项目）{
item.disabled=假；
如果（item.selectedOption==“text-box-value-empty”）{
item.myval=“”
item.disabled=true；
}
}
});
首先，将
selectedOption
和
myVal
设置为空对象

$scope.myval = {}
$scope.selectedOption = {};

然后使用
$index
将ng模型指定为每个变量的属性。另外，使用
ng disabled
禁用输入

<div ng-repeat="a in myList">
   <select ng-model="selectedOption[$index]" ng-options="choice as choice for (idx, choice) in sizes.split(',')" ng-change="number($index)">

  </select>

   <input ng-disabled="selectedOption[$index] == 'text-box-value-empty'" type="text" ng-model="myval[$index]"/> 
</div>

这可能会对您有所帮助


var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.myList=[{
案文：“1”，
值：“选项1”
}, {
案文：“2”，
值：“选项2”
},];
$scope.data=[
{myval:，selectedOption:0}，{myval:，selectedOption:0}
]
$scope.size=“D，文本框值为空，”；
$scope.number=函数（索引）{
如果（$scope.data[index].selectedOption==“文本框值为空”）
{
$scope.data[index].myval=“”；
$scope.data[index].visible=false；
}否则{
$scope.data[index].visible=true；
}
}
});
可能会有帮助：-非常感谢