列表项下拉列表

Question

我有下面的代码来显示下拉列表，但是当它显示在下拉列表中时，名称和值对看起来都是一样的。

aspx.cs:

DropDownList dp = new DropDownList();
dp.ID = ToString();

dp.Items.Add(new ListItem("test1", "This is test1"));
dp.Items.Add(new ListItem("test2", "This is test2"));

Script.DataSource = dp.Items;
Script.DataBind();

aspx:

<asp:DropDownList ID="Script" runat="server" OnSelectedIndexChanged="ScriptSelected" AutoPostBack="true">

</asp:DropDownList>

当我调试时发现名称和值都相同，如下所示

<select name="Script" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;Script\&#39;,\&#39;\&#39;)&#39;, 0)" id="Script">
<option value="test1">test1</option>
<option value="test2">test2</option>
</select>

但需要如下所示

<select name="Script" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;Script\&#39;,\&#39;\&#39;)&#39;, 0)" id="Script">
<option value="test1">This is test1</option>
<option value="test2">This is test2</option>
</select>

Answer 1

您需要为控件同时指定 DataValueField 和 DataTextField。

<asp:DropDownList ID="Script" runat="server" OnSelectedIndexChanged="ScriptSelected" AutoPostBack="true" DataValueField="Value" DataTextField="Text">
</asp:DropDownList>

或者，如果你想在服务器端做，

DropDownList dp = new DropDownList();
dp.ID = ToString();
dp.DataTextField = "Text";
dp.DataValueField = "Value";

dp.Items.Add(new ListItem("test1", "This is test1"));
dp.Items.Add(new ListItem("test2", "This is test2"));

Script.DataSource = dp.Items;
Script.DataBind();