Question

我找到了演示版 Dual Listbox jQuery Plug-in 但我不知道如何将数据从数据表绑定到选择框中。请帮帮我吧。

Answer 1

在ASP.Net中，选择框称为DropDownLists。它们可以像这样填充：

DropDownList1.DataSource = dataTableVariable;
DropDownList1.DataTextField = "DisplayValueColumnName";
DropDownList1.DataValueField = "DataValueColumnName";
DropDownList1.DataBind();

Answer 2

在HTML select标记中添加runat="server"属性：

<select id="lbOptions" multiple="true" name="lbOptions" runat="server"></select>

请注意，Visual Studio可能会抱怨multiple="true"属性，但如果您没有将其设置为“true”，则页面将失败。

在您的代码隐藏中，执行此操作：

using System.Web.UI.HtmlControls;

...

public partial class YourForm : System.Web.UI.Page
{
  protected HtmlSelect lbOptions;

  protected void Page_Load(object sender, EventArgs e)
  {
    // Adding five elements for demonstrations sake...
    for (int i = 0; i < 5; i++)
    {
      lbOptions.Items.Add(new ListItem("Item " + i.ToString(), i.ToString()));
    }
  }
}

就是这样：您页面上的输出现在应该如下所示：

<select name="lbOptions" id="lbOptions" multiple="multiple">
  <option value="0">Item 0</option>
  <option value="1">Item 1</option>
  <option value="2">Item 2</option>
  <option value="3">Item 3</option>
  <option value="4">Item 4</option>
</select>

请注意ASP.NET如何将“true”值更改回正确的“multiple”。

如何将数据从数据表绑定到选择框中

2 个答案: