javascript - 在此示例中，如何从 js 更改选择选项

Question

如何从 javascript/Angularjs 后端选择标签选项。

提示:我实际上是从 API 服务获取数据，然后我填写了一个表格以供编辑。假设性别是男性，我怎样才能让标签变成男性，因为它在数据库中。例如，用户可以将其更新为 Female。

这是我的代码:

$scope.Gender = [
{ GenderID: "Mmale", name: "Mmale" },
{ GenderID: "Female", name: "Female" }
];

HTML

<select class="form-control" name="Gender" ng-model="GenderID" ng-options="g.GenderID as g.name for g in Gender" required style="width:98px; color:gray">
                    <option value="" style="" >Gender?</option>
                </select>

目前我使用它来更改选项，但它对我不起作用。

$scope.Gender.name = $scope.users[id].Gender;
$scope.Gender.GenderID = $scope.users[id].Gender;

Answer 1

这是一个working JSFiddle ，你只需要给ng-model你想要选择的GenderID:

HTML:

<div ng-app ng-controller="MyCtrl">
    <select class="form-control" name="Gender" ng-model="GenderID" ng-options="g.GenderID as g.name for g in Gender" required style="width:98px; color:gray">
        <option value="" style="" >Gender?</option>
    </select>
</div>

JS:

function MyCtrl($scope, $filter) {
    $scope.Gender = [
        { GenderID: "Mmale", name: "Mmale" },
        { GenderID: "Female", name: "Female" }
    ];

    $scope.GenderID = "Mmale";
}