asp.net前台html中的dropdown绑定问题

[fanjingyxl]

在后台代码中写了一个html的dropdown并且绑定了用户姓名，但是在实际的操作中，我希望绑定的是用户的ID，显示的是用户的姓名。请问：怎么样在的dropdown中绑定ID，而显示姓名？请赐教！！！

[WeekZero]

绑定的时候：
DropDownList1.DataSource = ds;
DropDownList1.DataTextField = "name";
DropDownList1.DataValueField = "id";
DropDownList1.DataBind();

[ofei]

用server DropDownList控件
dropdown.DataTextField="Name";
dropdown.DataValueFile="ID";
dropdown.DataSource = <数据源>
dropdown.DataBind();

[fanjingyxl]

用dropdownlist的绑定我会，但是，我想用html 的dropdown来实现。因为我想用Ajax来实现无刷新

[lxs5i5j]

DropDownList1.Items.Insert(0,new ListItem(ID,Name));

[realtb]

function load(CID)//CID为接收传递的大类编号
{
var drp2 = document.getElementById("ddlSmallClass");
function RemoveAll(oElem) //清除DropDownList2的所有项
{
var i = 0; for (i = oElem.length; i >= 0; i--)
{
oElem.options.remove(i);
}
}
RemoveAll(drp2) var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP"); //发送请求
var oDoc = new ActiveXObject("MSXML2.DOMDocument"); //响应结果
var CID = document.getElementById("ddlBigClass").value; //获得大类ID
oHttpReq.open("post", "DataGet.aspx?CID=" + CID, false);//调用读取小类数据的页面，将大类编号值传递过去
oHttpReq.send("");
result = oHttpReq.responseText;
oDoc.loadXML(result);
items1 = oDoc.selectNodes("//Table/SmallClass_Name"); //读取所有请求大类所属小类的类名
items2 = oDoc.selectNodes("//Table/SmallClass_ID"); //读取所有请求大类所属小类的编号
var itemsLength = items1.length;
if (itemsLength > 0)
{
for (i = 0; i < itemsLength; i++) //将小类的类名和编号赋予ddlSmallClass
{
var newOption = document.createElement("OPTION");
newOption.text = items1[i].text;
newOption.value = items2[i].text;
drp2.options.add(newOption);
}
}
else
{
var elseOption = document.createElement("OPTION");
elseOption.text = '没有下级栏目';
elseOption.value = '0';
ddl_menu.options.add(elseOption);
}
}

[qilinshu]

第一帖已经回答的很清楚了,帮顶.

[fanjingyxl]

呵呵,是用ajax来实现