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 相关文章推荐
一些易混淆且不常用的属性,希望有用
Jan 29 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
Apr 07 Javascript
关于img的href和src取变量及赋值的方法
Apr 28 Javascript
js获取ajax返回值代码
Apr 30 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
javascript基础知识
Jun 07 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
Dec 01 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
Jul 07 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在字符串中查找另一个字符串
2008/11/19 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
Js 正则表达式知识汇总
2014/12/02 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
2015/10/30 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
vue组件生命周期详解
2017/11/07 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
17个Python小技巧分享
2015/01/23 Python
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
python 中的9个实用技巧,助你提高开发效率
2020/08/30 Python
python如何快速拼接字符串
2020/10/28 Python
Python 内存管理机制全面分析
2021/01/16 Python
极简的HTML5模版
2015/07/09 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
EJB发布WEB服务一般步骤
2012/10/31 面试题
采购部部长岗位职责
2014/02/06 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
人事主管岗位职责
2015/02/04 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers