需要使用asp.net在下拉列表中显示名称和图像

我在DropDownList中显示名称和图像。我已经通过Jquery插件完成了它。它现在正在工作。

我有来自数据的XML文件。这是xml文件的一个节点。

 Sydney abc_australia.png ABC Radio Box 9994 GPO Sydney NSW 2001 AUSTRALIA - AUSTRALIA -33.870652 151.208895 -3  

我能够从xml文件中获取名称，并使用以下代码绑定dropdownlist：

  protected void BindDataToGridviewDropdownlist() { XmlTextReader xmlreader = new XmlTextReader(Server.MapPath("XMLFILE.xml")); DataSet ds = new DataSet(); ds.ReadXml(xmlreader); xmlreader.Close(); if (ds.Tables.Count != 0) { ddlDetails.DataSource = ds; ddlDetails.DataTextField = "name"; ddlDetails.DataValueField = "name"; ddlDetails.DataBind(); } } 

但是要在dropdownlist中添加图像，我使用了这个jquery插件。

JQuery插件链接

在这个插件中手动添加的图像和数据如下：

  TVSH - Rruga Ismail Quemali 11, Tirana 

我想动态添加绑定下拉列表。（名称和图像）。我有图像文件夹中的所有图像。

代码对我有用。但我想动态绑定下拉列表。

有没有办法动态绑定下拉列表。

Answer 1

我建议使用jQuery插件Select2

使用Select2，您可以使用动态数据源，并模拟下拉列表的选项。

在Selecct2的Templating示例中，有一个示例代码，用于显示其名称旁边的国家/地区标志的图像：

 function format(state) { var originalOption = state.element; return "" + state.text; } $("#e4").select2({ formatResult: format, formatSelection: format, escapeMarkup: function(m) { return m; } }); 

我提供的链接提供了您需要的所有代码示例。

这回答了你的问题了吗？