如何在文本框中输入数量，自动添加控件？？？？


如上图：

解决方案 »

  1.   

    是这个意思吗<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>
        <script>
        function Generate(num)
        {
            var Div1=document.getElementById("divSelect");
            Div1.innerHTML="";
            for(var i=1;i<=num;i++)
            {
                Div1.innerHTML=Div1.innerHTML+"<span>类型"+i+":</span><select id='Select'"+i+"><option>类型"+i+"</option></select><br/>";
            }
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <input id="txtNum" type="text" onpropertychange="Generate(this.value)"/>
        </div>
        <div id="divSelect">
        
        </div>
        </form>
    </body>
    </html>
      

  2.   

    呵呵，基本可以，如果类型是从SQL Server2005查询出来的数据呢？
      

  3.   

    动态创建控件for (int i = 1; i <= 2; i++)
            {
                string id = "Button" + i.ToString();
                Button but = new Button();
                but.ID = id;
                but.Text = "ok";
                Panel1.Controls.Add(but);
            }
      

  4.   

    LZ用的是服务器控件还是html控件
      

  5.   

    你可以在lable的text里面些html代码
    你想写什么就写什么 要几个就用循环
      

  6.   


    <form id="form1" runat="server">
        <div>
            数量：<asp:TextBox ID="txtNum" runat="server" AutoPostBack="True" OnTextChanged="txtNum_TextChanged"></asp:TextBox></div>
        </form>protected void txtNum_TextChanged(object sender, EventArgs e)
        {
            int count = Convert.ToInt32(this.txtNum.Text);
            for (int i = 1; i <= count; i++)
            {
                Label lab = new Label();
                lab.Text = "类型" + i;
                DropDownList ddl = new DropDownList();
                ListItem item = new ListItem("类型" + i, i.ToString());
                this.form1.Controls.Add(lab);
                ddl.Items.Add(item);
                this.form1.Controls.Add(ddl);
            }
        }
      

  7.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txtNum" runat="server" ontextchanged="txtNum_TextChanged" AutoPostBack="true"></asp:TextBox>
        
        </div>
        <div id="divSelect" runat="server">
        
        </div>
        </form>
    </body>
    </html>
        protected void  txtNum_TextChanged(object sender, EventArgs e)
        {
            int result = 0;
            bool isnum = int.TryParse(txtNum.Text,out result);
            for (int i = 1; i <= result; i++)
            {
                string id = "ddl" + i.ToString();
                Label lab = new Label();
                lab.Text = "类型" + i;
                divSelect.Controls.Add(lab);
                DropDownList ddl = new DropDownList();
                ddl.ID = id;
                ddl.DataSource = 数据源;
                ddl.DataTextField = 字段名;
                ddl.DataValueField = 字段值;
                ddl.DataBind();
                divSelect.Controls.Add(ddl);
            }
        }
      

  8.   

    这个应该是onblur时间js
    应该不难。楼主要花时间实践下关键要知道思路。然后就可以具体分割成很小的js问题了。
      

  9.   

    TextBox 加上onkeyup="this.blur();"就不用点鼠标了