在本例中，如何更改js中的select选项

How to change select options from js in this example

本文关键字：js 中的 select 选项 何更改      更新时间：2023-09-26

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

这是一个正在工作的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";
}
相关文章：