【醒目】mvc中怎么使用js添加控件，急！！！

如题
有按钮如下
<input type="button" name="btnAdd" value="添加自定义字段" onclick="add()" />
现在想每单击一次button控件添加一个telerik中的dropdownlist控件一个textbox控件和一个删除控件我是这么写的var i = 0;
function add() {
            document.getElementById("divContainer").innerHTML +=
            +"<table id=\"tabColumn" + i.toString() + "\">"
            + "<tr>"
            + "<td>"
            + "\<\%= Html.Telerik().DropDownList()"
            + ".Name(\"ColumnAdd" + i.toString() + "\")"
            + ".BindTo(new SelectList((IEnumerable)ViewData[\"ColumnAdd\"], \"Id\", \"ColumnName\"))"
            + "\%\>"
            + "<input type=\"text\" id=\"txt" + i + "\" />"
            + "<input type=\"button\" name=\"btnColumnDel" + i + "\" value=\"删除\" onclick=\"Delete(" + i + ")\" />"
            + "</td>"
            + "</tr>"
            + "</table>";
            i++;
        }
但是不行又参照网上写的，单纯添加一个button控件也不行
   var i = 0;
        
function add()
{
var o = document.createElement("input"); //使用DOM的创建元素方法
o.type = "button" ;                       //设置元素的类型
o.value = "按钮" + i++ ;                  //设置元素的值
o.attachEvent("onclick",addInput);        //为控件添加事件
document.body.appendChild(o);             //添加控件到窗体中
o = null;                                 //释放对象
}所以木办法啦，救命啊！！！！！！！！

解决方案 »

  1.   

    js都是现学现用，还要学jq，两周实在学不会，您别光说给写一个，拜托
      

  2.   

    比如要在<div id="d"></div>中加一个按钮, 
    可以直接  document.getElementById("d").innerHTML += "<input type='button' onclick='addInput()' />";
    你上面那个是对的啊. 调试出什么错误?
      

  3.   

    <!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>
        <title></title>
        <script type="text/javascript">
            var i = 0;
            function add() {
                document.getElementById("divContainer").innerHTML +=
                +"<table id=\"tabColumn" + i.toString() + "\">"
                + "<tr>"
                + "<td>"
                + "\<\%= Html.Telerik().DropDownList()"
                + ".Name(\"ColumnAdd" + i.toString() + "\")"
                + ".BindTo(new SelectList((IEnumerable)ViewData[\"ColumnAdd\"], \"Id\", \"ColumnName\"))"
                + "\%\>"
                + "<input type=\"text\" id=\"txt" + i + "\" />"
                + "<input type=\"button\" name=\"btnColumnDel" + i + "\" value=\"删除\" onclick=\"Delete(" + i + ")\" />"
                + "</td>"
                + "</tr>"
                + "</table>";
                i++;
            }
        </script>
    </head>
    <body>
        <div id="divContainer" onclick="add()">
            点我看看.
        </div>
    </body>
    </html> 
    测试没问题, 
      

  4.   

    mvc里这么用好像是不行的。
    只看过一部分mvc的教程，等高手解决此类问题。
      

  5.   

    谢谢楼上两位大大，我可以说话了
    自己搞定了，虽然不是很理想<script type="text/javascript">                            var i = 0;
                                function addObj() {
                                    var objDiv = document.getElementById("div0");                                var fInput = document.createElement("input");
                                    i++;
                                    var fName = "zidingyishuxing" + i;
                                    fInput.id = fName;
                                    fInput.name = fName;
                                    fInput.type = "text";
                                    fInput.onclick = function () {
                                        window.confirm("删除请点击删除按钮");
                                    }
                                    fInput.value = document.getElementById("ddlColumnAdd-value").value + ":" 
                                            + document.getElementById("txtValue").value;
                                    objDiv.appendChild(fInput);                                var delBtn = document.createElement("input");
                                    var bName = "btn" + i;
                                    delBtn.id = bName;
                                    delBtn.name = bName;
                                    delBtn.type = "button";
                                    delBtn.value = "删除";
                                    delBtn.style.marginLeft = "5px";
                                    delBtn.onclick = function () {
                                        objDiv.removeChild(this.nextSibling); //删除后一个节点<br>;
                                        objDiv.removeChild(this.previousSibling); //删除前一个节点<input>;
                                        objDiv.removeChild(this); //删除自身;
                                    }
                                    objDiv.appendChild(delBtn);
                                    objDiv.appendChild(document.createElement("br")); //换行;
                                }
                            </script>
    还有一个问题是，怎样实现条件查询，当然还是在mvc里
    现在一点查询虽然能生成结果但不理想目的是类似：条件：时间_____名字_____查询
    局部刷新