怎样用javascript动态生成单选按钮,下拉列表,多选框 以及文本框等等

Question

怎样用javascript动态生成单选按钮,下拉列表,多选框
以及文本框等等内容:
(就是在页面是那个点击一个按钮
通过JS让他动态的在页面上显示出来,并且可以删除
)

Answer 1

var radio = document.createElement("input");
radio.type="radio";//添加type属性<input type="radio">
radio.id = "r1";
document.getElementById("div or other container'ID").appendChild(radio);//添加
document.getElementById("div or other container'ID").removeChild(radio);//删除
下拉列表,多选框document.createElement("select");文本框document.createElement("input");
多选框添加
multiple和size属性即可

Answer 2

//向页面添加表单元素
// mParent    要添加的表单元素的父元素的ID值
// mType      要添加的表单元素的类型["text","password","radio","checkbox","hidden","button","reset","submit"]
// mID        要添加的表单元素的ID
// mClassName 要添加的表单元素的class
// mName      要添加的表单元素的name
// mText      要添加的表单元素为["radio","checkbox"]时的文本
//mValue      要添加的表单元素的value
function CreateFormUtil(mParent,mType,mID,mClassName,mName,mText,mValue)
{
   var parentTemp=document.getElementById(mParent)
   var inputTemp=document.createElement("input")
   inputTemp.type=mType
   if(mID!=""){inputTemp.id=mID}
   if(mClassName!=""){inputTemp.className=mClassName}
   if(mName!=""){inputTemp.name=mName}
   if(mValue!=""){inputTemp.value=mValue}
   parentTemp.appendChild(inputTemp)//向父元素中插入表单项
   if(mText!="")  如果是radio/checkbox
   {
      var txtTemp=document.createTextNode(mText)
      parentTemp.appendChild(txtTemp)
   }         
}//向页面添加表单元素select
mText  select的options的text,数组["txt1","txt2",...]
mValue select的options的value,数组["value1","value2",...]
function CreateSelect(mParent,mID,mClassName,mName,mText,mValue)
{
    var parentTemp=document.getElementById(mParent)
    var inputTemp=document.createElement("select")
    if(mID!=""){inputTemp.id=mID}
    if(mClassName!=""){inputTemp.className=mClassName}
    if(mName!=""){inputTemp.name=mName}
    parentTemp.appendChild(inputTemp)//向父元素中插入表单项
    if(mText.length>=1)
    {
       for(var i=0;i<mText.length;i++)  //循环添加options
       {
          putOption(inputTemp,mText[i],mValue[i])
       }  
    } 
}//往一个下拉列表中增加一项
//
function putOption(objSelect,t,v)
{
    var objOpt=document.createElement("option")
    objOpt.text=t  
    objOpt.value=v
    try
    {
       
        objSelect.add(objOpt);
    }
    catch(e)
    {
        objSelect.add(objOpt,null);
    }
}

Answer 3

xml?哥们儿，强大。学到一招，万分感谢！(-.-)