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格式化数字金额用逗号隔开保留两位小数
Oct 18 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
js改变style样式和css样式的简单实例
Jun 28 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
基于react组件之间的参数传递(详解)
Sep 05 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 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中改变图片的尺寸大小的代码
2011/07/17 PHP
PHP中date()日期函数有关参数整理
2011/07/19 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
JavaScript中boolean类型之三种情景实例代码
2016/11/21 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
剖析Angular Component的源码示例
2018/03/23 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
如何通过JS实现日历简单算法
2020/10/14 Javascript
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
用python实现面向对像的ASP程序实例
2014/11/10 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
python调用百度REST API实现语音识别
2018/08/30 Python
Django 静态文件配置过程详解
2019/07/23 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
物业公司采购员岗位职责
2013/12/31 职场文书
企业元宵节主持词
2014/03/25 职场文书
安全生产承诺书范文
2014/05/22 职场文书
减负增效提质方案
2014/05/23 职场文书
小班上学期个人总结
2015/02/12 职场文书
酒店温馨提示语
2015/07/14 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
小学生一年级(书信作文)
2019/08/13 职场文书
MYSQL 运算符总结
2021/11/11 MySQL