在此示例中如何更改 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";
}