js给dropdownlist添加选项的小例子


Posted in Javascript onMarch 04, 2013
  <input name="" type="text"  id="newDirtxt"/> <input class="btn" name="" type="button" value="创建新目录"  onclick="newDir()" /> 
 

?<BR><BR><BR>Js代码 <BR><BR><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><BR><BR><BR>后台代码 <BR><BR>返回刚刚插入的目录的id字符串 <BR>
Javascript 相关文章推荐
浏览器加载、渲染和解析过程黑箱简析
Nov 29 Javascript
简单的Jquery全选功能
Nov 07 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
vue iview实现动态新增和删除
Jun 17 Javascript
jQuery侧边栏随窗口滚动实现方法
Mar 04 #Javascript
利用js实现选项卡的特别效果的实例
Mar 03 #Javascript
DWZ刷新dialog解决方法
Mar 03 #Javascript
js 控制下拉菜单刷新的方法
Mar 03 #Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 #Javascript
javascript重复绑定事件造成的后果说明
Mar 02 #Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 #Javascript
You might like
php学习笔记之面向对象
2014/11/08 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
javascript实现微信分享
2014/12/23 Javascript
基于Vue实现timepicker
2017/04/25 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
LayUI表格批量删除方法
2018/08/15 Javascript
详解微信小程序与内嵌网页交互实现支付功能
2018/10/22 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13
2020/12/17 DOTA
python计算时间差的方法
2015/05/20 Python
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
pycharm远程调试openstack代码
2017/11/21 Python
python+tkinter实现学生管理系统
2019/08/20 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例
2020/03/10 Python
python中可以声明变量类型吗
2020/06/18 Python
Keras loss函数剖析
2020/07/06 Python
幼儿园开学寄语
2014/04/03 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
弘扬民族精神演讲稿
2014/05/07 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
园林技术专业求职信
2014/07/28 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android
详解 TypeScript 枚举类型
2021/11/02 Javascript