动态添加Option

最新推荐文章于 2024-06-25 15:10:00 发布

timelessmemoryli

最新推荐文章于 2024-06-25 15:10:00 发布

阅读量1.1k

点赞数

分类专栏： Angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/u014788227/article/details/50547023

版权

这篇博客展示了如何在AngularJS应用中实现动态添加下拉框（select）的选项。通过控制器`DemoCtrl`，文章详细介绍了添加、确认和删除选项的方法，包括生成唯一ID、检查选项是否存在以及更新选项列表的逻辑。

摘要由CSDN通过智能技术生成

项目中后台管理设置，前台下拉动态添加option

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery.min.js"></script>
    <script src="angular.js"></script>
    <script src="angular-animate.js"></script>
    <script src="bootstrap.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('myapp', []);
        app.controller('DemoCtrl', function ($scope) {
            $scope.optionContainer = [];
            var realOptions = [];

            var randomCode = function() {
                var chars = "abcdefghijkmnopqrstuvwxyzABCDEFGHJKMNOPQRSTUVWXYZ1234567890";
                var randomChars = "";

最低0.47元/天解锁文章

timelessmemoryli

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态添加Option

项目中后台管理设置，前台下拉动态添加option var app = angular.module('myapp', []); app.controller('DemoCtrl', function ($scope) {
复制链接

扫一扫

专栏目录