在本例中,如何更改js中的select选项
How to change select options from js in this example
如何从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";
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- react.js中的密钥绑定
- Node.js中的JavaScript原型对象效率
- dropdown.js中的复杂事件处理
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- JS中的按钮和文本输入
- 手动触发ember.js中的属性更改
- Node JS中的排名系统算法
- 如何在渲染视图时将变量传递给Node.js中的脚本标记
- 渲染”;a“;React.js中的可选href
- Node.js中的谷歌地图几何库
- JS中的乘法不起作用
- 你能把grunt.js中的linter改成jslint吗
- 如何将输入范围的值传递给JS中的变量
- 使用指令的angular js中的Like和different
- Angularjs:修改js中的作用域,稍后在页面中使用
- 计算php或js中的距离
- 从JS中的字符串中读取数字的库
- 纸张.js中的线条变形
- 如何使用React JS中的循环,根据条件渲染或不渲染表数据