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 相关文章推荐
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
javascript中万恶的function实例分析
May 25 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
简单实现js放大镜效果
Jul 24 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
Vue组件间的通信pubsub-js实现步骤解析
Mar 11 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
May 26 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中遍历二维数组的几种方法详解
2013/06/08 PHP
PHP实现货币换算的方法
2014/11/29 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
js实现iframe动态调整高度的代码
2008/01/06 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
js实现卡片式项目管理界面UI设计效果
2015/12/08 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
微信小程序实现页面浮动导航
2019/01/28 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
vue vant中picker组件的使用
2020/11/03 Javascript
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
初步探究Python程序的执行原理
2015/04/11 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
Python后台开发Django会话控制的实现
2019/04/15 Python
在Python中COM口的调用方法
2019/07/03 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
浅谈Python type的使用
2019/11/19 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
Python txt文件如何转换成字典
2020/11/03 Python
Python批量删除mysql中千万级大量数据的脚本分享
2020/12/03 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
艺术系应届生的自我评价
2013/10/19 职场文书
设计总监岗位职责
2013/12/07 职场文书
廉洁自律承诺书2016
2016/03/25 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript