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 相关文章推荐
jquery获得下拉框值的代码
Aug 13 Javascript
JavaScript常用对象的方法和属性小结
Jan 24 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
js实现可控制左右方向的无缝滚动效果
May 29 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
详解Vue 开发模式下跨域问题
Jun 06 Javascript
JS实现标签滚动切换效果
Dec 25 Javascript
基于vue的验证码组件的示例代码
Jan 22 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 Javascript
JavaScript实现tab栏切换效果
Mar 16 Javascript
jQuery实现动态加载瀑布流
Sep 01 jQuery
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
hadoop常见错误以及处理方法详解
2013/06/19 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
PHP简单获取及判断提交来源的方法
2016/04/22 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
2019/02/28 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
vue实现计步器功能
2019/11/01 Javascript
JS实现网页烟花动画效果
2020/03/10 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
探究Python中isalnum()方法的使用
2015/05/18 Python
Python实现身份证号码解析
2015/09/01 Python
python操作mysql数据库
2017/03/05 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
Python内置函数reversed()用法分析
2018/03/20 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
幼儿教师个人求职信范文
2013/09/21 职场文书
银行会计职员个人的自我评价
2013/09/29 职场文书
行政部岗位职责范本
2014/03/13 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
三严三实心得体会范文
2014/10/13 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers