在此示例中如何更改 js 中的选择选项

Question

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

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

这是我的代码：

$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

这是一个有效的 JSFiddle ，您只需要为ng-model GenderID您想要选择的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";
}