js给dropdownlist添加选项

摘要:
Js code///创建新目录函数newDir=
  <input name="" type="text"   />

<input   name="" type="button" value="创建新目录"  onclick="newDir()" />



Js代码

<script type="text/javascript"> ////创建新目录 function newDir() { var txt = document.getElementById("newDirtxt"); var dirname = txt.value; if (dirname) { alert("请填写目录名"); } else { $.ajax({ type: "Post", url: "/center/directorynew", async: false, data: { dirname: dirname }, success: function(msg) { if (msg.length < 40) { var DirectoryID = document.getElementById("DirectoryID"); var tOption = document.createElement("Option"); tOption.text = dirname; tOption.value = msg; DirectoryID.appendChild(tOption); txt.value = ""; alert("增加成功"); } else { alert("增加失败"); } } }); }//else } </script>


后台代码

返回刚刚插入的目录的id字符串



上面的代码在360中有错误:可以加载上,但是dropdownList中的列表没有刷新

改错:

<script type="text/javascript">
        ////创建新目录
        function newDir() {
            var txt = document.getElementById("newDirtxt");
            var dirname = txt.value;
            if (!dirname) {
                alert("请填写目录名");
            } else {
                $.ajax({
                    type: "Post",
                    url: "/center/directorynewPost",
                    async: false,
                    data: { dirname: dirname },
                    success: function(msg) {
                        if (msg.length < 40) {
                            var temp = "<OPTION value=" + msg + ">" + dirname + "</OPTION>";
                            var DirectoryID = $("#DirectoryID");
                            DirectoryID.html(DirectoryID.html() + temp);
                            txt.value = "";
                            alert("增加成功");

                        } else {
                            alert("增加失败");
                        }
                    }
                });
            } //else
        }
    </script>


免责声明:文章转载自《js给dropdownlist添加选项》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基础概念——何为大小端Bootstrap-CL:字体图标(Glyphicons)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js给select下拉框赋值触发change事件

感谢作者的无私分享! 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/Tong__wei/article/details/96289555HTML: <select οnchange="selectChange()">     <...

前端经典面试题解密:JS的new关键字都干了什么?

前言 new关键字在实例化获取对象时都做了什么?是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是实例化构造函数获取对象,是万万不能够的。更深入的层级发生了什么呢?同时面试官想从这道题里面考察什么呢?下面胡哥为各位小伙伴一一来解密。 一、new关键字 new关键字的作用:通过new关键字实例化构造函数,获取对象。说一千道一万,不如来段代码看...

039.PGSQL-备份和恢复-增量备份-开启wal归档、并设置定时清理备份之后的wal文件

备份: sql转储备份 文件系统级别备份 连续归档-增量备份和基于时间点恢复(PITR) 物理备份:将数据目录,参数文件拷贝出来 逻辑备份:将数据库对象导出到文件 冷备份:数据库关闭情况下 热备份:数据库启动情况下 RTO 恢复时间目标  故障发生到恢复所需时间 RPO 恢复点目标   可容忍丢失多少数据  一、增量备份 定期对数据库做基础备份,再配合WA...

isequal 和startswith 使用

如果要把不同服务器发送过来的日志保存到不同的文件, 可以这样操作: :fromhost-ip, isequal, “192.168.0.160″ /var/log/host160.log :FROMHOST-IP, isequal, “192.168.0.161″ /var/log/host161.log :FROMHOST-IP, startswith,...

js 递归获取子节点所有父节点,深度遍历获取第一个子树

前端需求。 递归 深度优先遍历算法 // 查找一个节点的所有父节点 familyTree (arr1, id) { var temp = [] var forFn = function (arr, id) { for (var i = 0; i < arr.length; i++) {...

Nodejs介绍及npm工具使用

一、Nodejs介绍   Nodejs英文网:https://nodejs.org/en/   Nodejs中文网:http://nodejs.cn/ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm,...