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 相关文章推荐
javascript 简单抽屉效果的实现代码
Mar 09 Javascript
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
JavaScript常用脚本汇总(一)
Mar 04 Javascript
js控制div弹出层实现方法
May 11 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
vue省市区三联动下拉选择组件的实现
Apr 28 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
Nov 05 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
用Cordova打包Vue项目的方法步骤
Feb 02 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 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中的动态调用实例分析
2015/01/07 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
浅析php-fpm静态和动态执行方式的比较
2016/11/09 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
JavaScript实现抖音罗盘时钟
2019/10/11 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
2020/04/26 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
Python3实现Web网页图片下载
2016/01/28 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
python怎么调用自己的函数
2020/07/01 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
申论倡议书范文
2014/05/13 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
技术比武方案
2014/05/19 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
2015年见习期工作总结
2014/12/12 职场文书
CSS3实现的水平标题菜单
2021/04/14 HTML / CSS