首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

动态添加控件(js或其他方法),该怎么处理

2012-05-30 
动态添加控件(js或其他方法)实现功能:一个添加按钮(全部仅1个),点击添加按钮一下就动态添加一组控件(两个

动态添加控件(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; 

热点排行