• 可输入的DropDownList控件


     1<%@ Page language="c#" Codebehind="ddlWriteControl.aspx.cs" AutoEventWireup="false" Inherits="WebDemo.ddlWriteControl" %>
     2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
     3<HTML>
     4    <HEAD>
     5        <title>ddlWriteControl</title>
     6        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
     7        <meta name="CODE_LANGUAGE" Content="C#">
     8        <meta name="vs_defaultClientScript" content="JavaScript">
     9        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    10        <style> #div1 { Z-INDEX: 1; LEFT: 250px; WIDTH: 216px; CLIP: rect(3px 280px 21px 110px); POSITION: absolute; TOP: 89px; HEIGHT: 72px } #div2 { LEFT: 250px; WIDTH: 95px; POSITION: absolute; TOP: 89px; HEIGHT: 18px; 2: } </style>
    11    </HEAD>
    12    <body MS_POSITIONING="GridLayout">
    13        <script language="javascript">
    14        function AddOption()
    15        {    
    16            var val = document.getElementById("txtValue").value;
    17            var option = document.getElementById("ddl");
    18            
    19            if(val == "")
    20            {
    21                alert("请输入项值");
    22                return;
    23            }

    24            if(option.length > 0)
    25            {
    26                for(var i=0;i<option.length;i++)
    27                {
    28                    if(option.options[i].value == val)
    29                    {
    30                        alert("该值已存在!");
    31                        return;
    32                    }

    33                }

    34            }

    35            
    36            var option_val = new Option(val,val);
    37                        
    38            option.add(option_val);
    39            option.selectedIndex = option.options.length-1;
    40            
    41        }

    42        
    </script>
    43        <form id="Form1" method="post" runat="server">
    44            <div id="div1" style="Z-INDEX: 101; WIDTH: 128px; HEIGHT: 72px">                
    45                <asp:DropDownList id="ddl" onchange="document.getElementById('txtValue').value = this.value" runat="server"
    46                    Width="127">
    47                    <asp:ListItem Value="aaa1">aaa1</asp:ListItem>
    48                    <asp:ListItem Value="bbb2">bbb2</asp:ListItem>
    49                    <asp:ListItem Value="ccc3">ccc3</asp:ListItem>
    50                </asp:DropDownList>
    51            </div>
    52            <FONT face="宋体"></FONT>
    53            <div id="div2">                
    54                <asp:TextBox id="txtValue" style="PADDING-LEFT:2px;PADDING-TOP:2px" runat="server" Width="127"></asp:TextBox>
    55                <input type="button" value="OK" id="btn" onclick="AddOption();">
    56            </div>
    57            
    58        </form>
    59    </body>
    60</HTML>
    61
    如果有问题请与我联系。
  • 相关阅读:
    JavaScript面向对象之闭包的理解
    JavaScript面向对象之函数构造器的理解
    记录jq控制select 选中状态
    JavaScript面向对象之创建类和方法
    获取对象属相 点运算符 和方括号 运算符
    parseFloat 和 Number isNaN 转换
    Js数据类型和运算符
    break , continue 和 标签 跳出循环
    javaScript--循环语句
    三元运算符
  • 原文地址:https://www.cnblogs.com/Lewis/p/455858.html
Copyright © 2020-2023  润新知