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 相关文章推荐
JS 无法通过W3C验证的处理方法
Mar 09 Javascript
js实现单一html页面两套css切换代码
Apr 11 Javascript
js动态生成指定行数的表格
Jul 11 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
javascript原型模式用法实例详解
Jun 04 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
javascript函数的节流[throttle]与防抖[debounce]
Nov 15 Javascript
浅谈Node 调试工具入门教程
Mar 20 Javascript
JS中数组与对象的遍历方法实例小结
Aug 14 Javascript
bootstrap table插件动态加载表头
Jul 19 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 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脚本
2006/11/26 PHP
header中Content-Disposition的作用与使用方法
2012/06/13 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
js 上传图片预览问题
2010/12/06 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
JavaScript多线程详解
2015/08/12 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
2019/03/28 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
2019/09/07 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
Python爬虫爬验证码实现功能详解
2016/04/14 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
浅谈python累加求和+奇偶数求和_break_continue
2020/02/25 Python
python复合条件下的字典排序
2020/12/18 Python
Skyscanner波兰:廉价航班
2017/11/07 全球购物
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
《油菜花开了》教学反思
2014/02/22 职场文书
小学生毕业评语
2014/12/26 职场文书
党员评议自我评价
2015/03/03 职场文书
2015年小学教导处工作总结
2015/05/26 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA