Javascript 使用下拉更改设置角度js值

我正在尝试使用“更改”下拉列表设置文本框值。请检查我的密码

HTML

当我保存此文件时，我必须发送id。当用户使用下拉菜单选择值时，应相应地设置第二个文本框模型值 例如,

当用户选择福特时，文本框型号值应为

1000

当用户选择菲亚特时，文本框型号值应为5000

我的java脚本代码

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.cars = [
        {id:"1", name : "Ford", value : 1000},
        {id:"2",name : "Fiat", value : 5000},
        {id:"3",name : "Volvo", value : 6000}
    ];  

    $scope.setPrice = function (){
        $scope.select.price = $scope.select.value;
    }

});

---

<>你可以帮我做这个< /p> < p>我想考虑在代码< >代码>选择> <代码> >代码>输入< /代码>…

不修改任何代码。 你可以做两件事

1）将

select.id

传递给

setPrice（）

函数，如

<select ng-model="select.id" ng-options="x.id as x.name for x in cars" ng-change="setPrice(select.id)">

Filter函数将在数组中以单个值的形式给出结果，因此您可以使用

数据[0].value

来获取值

在两次更改之后，您的完整代码如下所示：

let app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.selected={}
$scope.cars=[
{id:“1”，name:“Ford”，value:1000}，
{id:“2”，名称：“菲亚特”，价值：5000}，
{id:“3”，名称：“沃尔沃”，价值：6000}
]; 
$scope.setPrice=函数（selectedId）{
const data=$scope.cars.filter（（item，i）=>item.id==selectedId）；
$scope.select.price=数据[0]。值；
}
});


$scope.setPrice = function(selectedId) {
   const data = $scope.cars.filter((item,i) => item.id === selectedId);
   $scope.select.price = data[0].value;
}