日期:2014-05-17  浏览次数:20519 次

动态添加控件(js或其他方法)
实现功能:
  一个添加按钮(全部仅1个),点击添加按钮一下就
  动态添加一组控件(两个文本控件、一个下拉控件[下拉控件的数据从数据库中读取]、删除按钮)
  点击删除按钮一下,可删除一组动态添加的控件

难题:已用JS方法动态添加了控件,但不知下拉控件如何从数据库中读取数据?

------解决方案--------------------
通过ajax调用web services获取数据添加到select里
var ds = response.value;
if(ds != null && typeof(ds) == "object")
{
for(var i=0; i<ds.Tables[0].Rows.length; i++)
     {
      var name=ds.Tables[0].Rows[i].City;
       var id=ds.Tables[0].Rows[i].City;
      
     }
}
 function createSelect(){ 

var mySelect = document.createElement("select"); 
mySelect.id = "mySelect";
document.body.appendChild(mySelect); 


添加选项option 
function addOption(){ 
var obj=document.getElementById('mySelect'); 
obj.add(new Option("文本","值"));
obj.options.add(new Option("text","value")); 


var obj=document.getElementById('mySelect'); 
var index=obj.selectedIndex; 
var val = obj.options[index].text;