javascript中输出服务器控件咋整 求助帖 标题要长《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
    //声明变量
        var DDLCount = 1;        var colArray;
        var caseArray;
        var operArray;        var contentArea;
        var tbl;        var selColStr;
        var selCaseStr;
        var selOperStr;        var strIptKeyword;        window.onload = function () {
            initOption();
            initContent();
            bindEvent();
        }        //select数据初始化
        function initOption() {
            colArray = new Array("任务编号", "任务名称", "所属公司", "周期", "执行时间", "创建时间");
            caseArray = new Array("AND", "OR", "NOT");
            operArray = new Array("=", ">", ">=", "<", "<=", "IN", "LIKE");            strIptKeyword = "<input type='text' MaxLength='16' />";            var selStart = "<select id='DDL"+DDLCount+"'><option>请选择</option>";
            var selEnd = "</select>";            var selOtherStart = "<select><option>请选择</option>";            var selEnd = "</select>";            for (var i = 0; i < colArray.length; i++) {
                selColStr += "<option>" + colArray[i] + "</option>";
            }
            selColStr =selStart + selColStr + selEnd;            for (var i = 0; i < caseArray.length; i++) {
                selCaseStr += "<option>" + caseArray[i] + "</option>";
            }
            selCaseStr =selStart + selCaseStr + selEnd;            for (var i = 0; i < operArray.length; i++) {
                selOperStr += "<option>" + operArray[i] + "</option>";
            }
            selOperStr = selOtherStart + selOperStr + selEnd;
        }        //绑定内容绑定到页面上
        function initContent() {
            contentArea = document.getElementById("contentArea");
            tbl = document.createElement("table");            tbl.border = "0";
            tbl.cellPadding = "0";
            tbl.cellSpacing = "0";
            tbl.style.fontSize = "12px";
            tbl.style.backgroundColor = "#000";
            tbl.id = "tbl"+DDLCount+"";            var tr = tbl.insertRow(0);
            tr.style.height = "23px";
            tr.style.textAlign = "right";
            tr.style.backgroundColor = "#FFF";            var tdCol = tr.insertCell(0);
            var tdOper = tr.insertCell(1)
            var tdKeyword = tr.insertCell(2);            tdCol.innerHTML = selColStr;
            tdOper.innerHTML = selOperStr;
            tdKeyword.innerHTML = strIptKeyword;            contentArea.appendChild(tbl);
        }        //绑定页面控件的事件
        function bindEvent() {
            document.getElementById("DDL" + DDLCount + "").onchange = DDL_onchange;            var tmp = document.getElementsByTagName("select");
            for (var i = 0; i < tmp.length; i++) {
                var tc = tmp[i];
                if (tc.id != "" && tc.id != "DDL" + DDLCount + "") {
                    document.getElementById(tc.id).onchange = DDLOther_Blur;
              }
            }
        }        //索引已经被改动过的select控件的离开焦点事件
        function DDLOther_Blur()
        {
            if (this.selectedIndex == 0) {
                var content = document.getElementById("tbl" + this.id.substr(3, 4));
                for (var i = 0; i < content.childNodes.length; i++) {
                    var childNode = content.childNodes[i];
                    content.removeChild(childNode);
                }
            }
        }        //索引未被改动过的select控件离开焦点的事件
        function DDL_onchange() {
            var DDLMax = document.getElementById("DDL"+DDLCount+"");
            if (DDLMax.selectedIndex != 0) {
                DDLCount++;
                selCaseStr = null;
                selColStr = null;
                selOperStr = null;
                initOption();
                initContent();
                bindEvent();
            }
        }
    </script>
</head>
<body runat="server">
    <form id="Form1" runat="server">
    <div id="contentArea" runat="server" style="font-size: 12px; height: 100%; width: 520px; text-align: center">
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    我想把里面的select→DropDownList input-Text→TextBox
      

  2.   

    我用javascript在页面上 生成html控件 我想把html的控件换成服务器控件 该怎么弄啊
    ？
      

  3.   

    服务器控件==HTML标记(持久化包装)
    JS能搞HTML标记,估计搞不了服务器控件吧,得用原始方式吧.
      

  4.   

    兄弟：
    服务端控件只有在服务端上编译成html的控件，发送的客户端！
    也就是说客户端浏览器根本不认服务端控件的，
    那你怎么用客户端的脚本js来生成服务端控件呢？？
      

  5.   

    为什么要创建为服务器控件呢，HTML控件一样可以在后台取到值啊