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 (三) 管理jQuery包装集
Feb 23 Javascript
JavaScript执行顺序详细介绍
Dec 04 Javascript
使用jquery实现仿百度自动补全特效
Jul 23 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
js 两数组去除重复数值的实例
Dec 06 Javascript
vue.js,ajax渲染页面的实例
Feb 11 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
Aug 13 Javascript
vue.js+element 默认提示中英文操作
Nov 11 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
Zend公司全球首推PHP认证
2006/10/09 PHP
Php+SqlServer实现分页显示
2006/10/09 PHP
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHP正则表达式 /i, /is, /s, /isU等介绍
2014/10/23 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
javascript+dom树型菜单类,希望朋友们一起进步
2007/05/03 Javascript
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
Angular-UI Bootstrap组件实现警报功能
2018/07/16 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
Python NumPy库安装使用笔记
2015/05/18 Python
Python 正则表达式的高级用法
2016/12/04 Python
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
精灵市场:Pixie Market
2019/06/18 全球购物
介绍下Lucene建立索引的过程
2016/03/02 面试题
工作中个人的自我评价
2013/12/31 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
工程项目经理任命书
2014/06/05 职场文书
小学学校评估方案
2014/06/08 职场文书
师范毕业生求职信
2014/07/11 职场文书
2014年监理工作总结范文
2014/11/17 职场文书
2015年党风廉政建设个人总结
2015/08/18 职场文书
2016年学校爱国卫生月活动总结
2016/04/06 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
js作用域及作用域链工作引擎
2022/07/07 Javascript