javascript - 如何在Angular JS中的选择选项中获取所选项目ID

标签 javascript angularjs select

在下面的代码中,更新函数没有获取传递给它的正确 ID。

如何在 angularJS 中获取所选选项的正确值。

<select 
    ng-model="selectedCategory" 
    size="10" 
    ng-options="category.id as category.name for category in Categories | orderBy:'name'" 
    ng-change="update(Categories[selectedCategory-1].id)">
</select>

最佳答案

由于您已在 View 中选择了类别,因此只需执行此操作即可

<select 
    ng-model="selectedCategory" 
    size="10" 
    ng-options="category.id as category.name for category in Categories | orderBy:'name'" 
    ng-change="update(selectedCategory)">
</select>

 $scope.update= function (category) {
       $scope.CategoryID = category.id;
    };

这是工作 plnker

关于javascript - 如何在Angular JS中的选择选项中获取所选项目ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29191496/

相关文章:

javascript - 动态删除按钮

javascript - 使用参数响应 useCallback

angularjs - 如何在 Laravel 中处理预检请求

javascript - Node.js、socket.io 和 mongojs - 使用 socket.io 的登录表单

javascript - 与lovefield连接 promise 的异常(exception)情况

javascript - Angular - 从刚刚加载的模板访问 DOM 元素

mysql - 在MySQL中一次从两个表中选择多行

mysql - MySQL 如何按照 IN 函数中给出的 id 顺序返回行?

mysql - 如何根据数据中的条件填充mysql中的列?

javascript - 我的对话框是第一次打开但不是第二次?