js给dropdownlist添加选项的小例子

 更新时间:2013年03月04日 10:53:20   作者:  
js给dropdownlist添加选项的小例子,需要的朋友可以参考一下

复制代码 代码如下:

  <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的数据类型(示例代码)

    这篇文章主要是对判断javascript的数据类型(示例代码)进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 深入解析Parcel如何进行自定义配置

    深入解析Parcel如何进行自定义配置

    Parcel 是现代前端开发中不可或缺的工具之一,以其“零配置”的特性迅速赢得了开发者的青睐,本文将通过几个实例详细介绍如何进行 Parcel 的自定义配置,感兴趣的小伙伴可以了解下
    2024-12-12
  • 详解Webwork中Action 调用的方法

    详解Webwork中Action 调用的方法

    这篇文章主要介绍了详解Webwork中Action 调用的方法的相关资料,需要的朋友可以参考下
    2016-02-02
  • Email地址加密javascript版

    Email地址加密javascript版

    Email地址加密javascript版...
    2006-08-08
  • 微信小程序实现左右联动

    微信小程序实现左右联动

    这篇文章主要为大家详细介绍了微信小程序实现左右联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 小程序开发实现access_token统一管理

    小程序开发实现access_token统一管理

    本文主要介绍了小程序开发实现access_token统一管理,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • 基于JavaScript的简易计算器功能

    基于JavaScript的简易计算器功能

    这篇文章主要为大家详细介绍了基于JavaScript的简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 悬浮广告方法日常收集整理

    悬浮广告方法日常收集整理

    这篇文章主要介绍了悬浮广告方法日常收集整理的相关资料,需要的朋友可以参考下
    2016-03-03
  • JS实现在Repeater控件中创建可隐藏区域的代码

    JS实现在Repeater控件中创建可隐藏区域的代码

    在WEB应用中,如何才能使应用高效率呢?如何才能吸引用户呢?这的确是个大学问,页面的内容,色搭配等都十分重要。但不可忽视的是,多数情况下,对于数据的呈现方式也是十分重要的。
    2010-09-09
  • Bootstrap前端开发案例一

    Bootstrap前端开发案例一

    Bootstrap前端开发案例一,这篇文章能够帮助大家更还好的进行前端开发Bootstrap,相信大家会爱上Bootstrap
    2016-06-06

最新评论