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 相关文章推荐
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
Jun 05 Javascript
使用js简单实现了tree树菜单
Nov 20 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
May 28 Javascript
JS+CSS实现的拖动分页效果实例
May 11 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
Jul 21 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
Aug 22 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
token 机制和实现方式
Dec 15 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
DC动漫人物排行
2020/03/03 欧美动漫
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
CodeIgniter框架提示Disallowed Key Characters的解决办法
2014/04/21 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
splice slice区别
2006/10/09 Javascript
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
jquery 操作DOM的基本用法分享
2012/04/05 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
jquery密码强度校验
2015/12/02 Javascript
Javascript缓存API
2016/06/14 Javascript
Vue.js中数据绑定的语法教程
2017/06/02 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
JavaScript实现网页跨年倒计时
2020/12/02 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan
2014/07/15 DOTA
低版本中Python除法运算小技巧
2015/04/05 Python
python下MySQLdb用法实例分析
2015/06/08 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
在python image 中实现安装中文字体
2020/05/16 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
django中ImageField的使用详解
2020/12/21 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
教师专业理论水平的自我评价分享
2013/11/09 职场文书
2014年体育部工作总结
2014/11/13 职场文书
员工工作表扬信
2015/05/05 职场文书
2016年元旦致辞
2015/08/01 职场文书