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>

赞 (0)

相关推荐

  • JS获取DropDownList的value值与text值的示例代码

    相关JS: 复制代码 代码如下: <script type="text/javascript" language="javascript">    function SearchChange()    {        var ddl = document.getElementById("DropDownList1")           var index = ddl.selectedIndex; var Value = ddl.o

  • asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例

    asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例

    本文主要列举了省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例.前段时间需要作一个的Web前端应用,需要用多个框架,一个典型的应用场景是省市三级联动,基于此应用,特将三种主要的ajax框架略作整理,方便有需要的朋友查阅. 在示例之前,我们先设置一个演示数据源,新建一个项目,项目结构如图: 主要文件如下:AreaModel.cs: 复制代码 代码如下: using System; using System.Collections.Generi

  • 客户端用JavaScript填充DropDownList控件 服务器端读不到值

    填充没有任何问题,但是在服务器端却取不出来下拉表中的内容.页面代码如下. 复制代码 代码如下: <form id="form1" runat="server"> <div> <h3>看看用js填充的dropdownlist控件在服务器端能读出来吗?</h3> 三个级联下拉列表框: <asp:DropDownList runat="server" id="bigTypeList&quo

  • JS简单操作select和dropdownlist实例

    本文实例讲述了JS简单操作select和dropdownlist的方法.分享给大家供大家参考.具体实现方法如下: 一.js选中服务器控件select与dropdownlist 1. js操作服务器控件select 复制代码 代码如下: <select id="selectID" onchange="return showMessage()">      <option value="0">==请选择==</optio

  • JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

    jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

  • JavaScript与DropDownList 区别分析

    比如<asp:LinkButton>控件就被渲染成了<a>锚点控件,这里要讲的DropDownList控件也一样,被渲染成了普通的select控件,在如下的asp.net页面中定义了一个web服务器控件DropDownList和一个普通的select控件(主要为了对比). 代码 复制代码 代码如下: <asp:DropDownList ID = "ddlCities" runat = "server"> <asp:ListI

  • 利用js给DropdownList赋值实例

    利用js给DropdownList赋值实例

    话不多说,请看下面代码 var row = [{ "code": "1", "model": "APOLLO" }, { "code": "2", "model": "APOLLO M/B1"}]; for (var i = 0; i < row.length; i++) { var addOption = document.createEl

  • 用javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置

    用javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置

    用Javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置. 准备数据,创建一个对象,将是存储DropDownList控件每个Item数据. 复制代码 代码如下: Imports Microsoft.VisualBasic Namespace Insus.NET Public Class Catalog Private _ID As Integer Private _Name As String Public Property ID As Integer Get

  • js给dropdownlist添加选项的小例子

    复制代码 代码如下: <input name="" type="text"  id="newDirtxt"/> <input class="btn" name="" type="button" value="创建新目录"  onclick="newDir()" /> ?<BR><BR><BR&g

  • js遍历、动态的添加数据的小例子

    复制代码 代码如下: function jsonObj(){     var person= {name: 'zhangsan',pass: '123' ,'sni.ni' : 'XMQ',back:function (){         for(var i=0;i<arguments.length;i++){         //在不知参数个数情况下可通过for循环遍历         // arguments这个是js 默认提供         alert("arr["+i

  • js 实现日期灵活格式化的小例子

    复制代码 代码如下: /**  * 时间对象的格式化;  */ Date.prototype.format = function(format) {      /*      * eg:format="YYYY-MM-dd hh:mm:ss";      */     var o = {          "M+" :this.getMonth() + 1, // month          "d+" :this.getDate(), // d

  • js实现广告漂浮效果的小例子

    复制代码 代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><style type="text/css">div{position:absolute;}</style></head><body

  • C#操作txt文件,进行清空添加操作的小例子

    复制代码 代码如下: //把txt清空            FileStream stream = File.Open(Adr,FileMode.OpenOrCreate,FileAccess.Write);            stream.Seek(0, SeekOrigin.Begin);            stream.SetLength(0);            stream.Close();            //向txt里面追加信息            Strea

  • JS获取后台Cookies值的小例子

    复制代码 代码如下: function getCookie(name)    {            var offset,cookieValue;        var search=name+"=";        if(document.cookie.length>0)        {            offset=document.cookie.indexOf(search);            if(offset!=-1)            {    

  • js日期时间补零的小例子

    复制代码 代码如下: function getNowFormatDate()         {            var day = new Date();            var Year = 0;            var Month = 0;            var Day = 0;            var CurrentDate = "";            //初始化时间            //Year       = day.getYea

  • js同比例缩放图片的小例子

    复制代码 代码如下: function DrawImage(ImgD, FitWidth, FitHeight) {    var image = new Image();    image.src = ImgD.src;    if (image.width > 0 && image.height > 0) {        if (image.width / image.height >= FitWidth / FitHeight) {            if (

  • JS实现点击下载的小例子

    复制代码 代码如下: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <a   href="a.txt"   id=pic1   onclick="savepic();return false;"   style="cursor:hand">点击下载</a>           

  • JS动态添加选项案例分析

    JS动态添加选项案例分析

    本文实例分析了JS动态添加选项的方法.分享给大家供大家参考,具体如下: 一.问题: 要做一个调查问卷,问题数量不定,问答答案不定. JS控答案效果图 二.实现方法: 为了实现这个效果,点击那个按钮就在下面添加4个答案框,选择从A-Z这26个字母,就是为了ASSIC码方便处理 看看HTML结果 <table width="100%" class="form"> <tr> <th width="100px"><

随机推荐