js 动态添加控件

Question

<input id="val" tye="text">值
<input id="tx1" tye="text">文字
<input tye="button">添加select
<input tye="button">添加option点击”添加select“动态添加div和select，select嵌套在div中，
点击“添加option”为select添加属性为val、tx1的option有办法实现吗？

Answer 1

就是点击按钮生成一个DIV,里面包含一个select，select的option又可以动态添加

Answer 2

var myselect = document.createElement("<select id='abc' />");
var mydiv = document.getElementById("mydiv");
mydiv.appendChild(myselect);添加option方法类似：
var newopt = document.createElement("<option ...>");
myselect.appendChild(newopt);

Answer 3

添加select 
var div=document.createElement("div");
div.id="div1";
var select=document.createElement("select");
select.id="select1";
div.appendChild(div);
document.body.appendChild(div);添加option 
var text=document.getElementById("tx1").value;
var value=document.getElementById("val").value;
var option=new Option(text,value);
document.getElementById("select1").options.add(option);大概就是这个样子，这是我手写的代码，可能有点关键字等的小错误。楼主可以参考着自己写个代码。