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

如何从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;

最佳答案

这是一个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";
}

关于javascript - 在此示例中，如何更改js中的选择选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31097513/