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