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 相关文章推荐
二行代码解决全部网页木马
Mar 28 Javascript
JavaScript 乱码问题
Aug 06 Javascript
javascript forEach通用循环遍历方法
Oct 11 Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
Nov 22 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 Javascript
微信小程序实现搜索功能
Mar 10 Javascript
Vue中nprogress页面加载进度条的方法实现
Nov 13 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根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
js 鼠标移动显示图片的简单实例
2013/12/25 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
详解js类型判断
2018/05/22 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
JS实现的tab切换并显示相应内容模块功能示例
2019/08/03 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python-str,list,set间的转换实例
2018/06/27 Python
Python3+django2.0+apache2+ubuntu14部署网站上线的方法
2018/07/07 Python
python中的字符串内部换行方法
2018/07/19 Python
windows下python安装小白入门教程
2018/09/18 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
将自己的数据集制作成TFRecord格式教程
2020/02/17 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
德国高性价比网上药店:medpex
2017/07/09 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
连锁酒店店长职责范本
2014/02/13 职场文书
优秀应届毕业生推荐信
2014/02/18 职场文书
个人函授自我鉴定
2014/03/25 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
个人查摆问题整改措施
2014/10/04 职场文书
新闻稿格式范文
2015/07/18 职场文书
vue实现简单数据双向绑定
2021/04/28 Vue.js
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
Redis 限流器
2022/05/15 Redis