c# - asp.netを使用してドロップダウンリストに名前と画像を表示する必要があります

Question

名前と画像を DropDownList に表示しています。Jquery プラグインで実行しました。現在は機能しています。

私はデータが来るところからXMLファイルを持っています.Hereはxmlファイルの1つのノードです。

<ente>
    <name>Sydney</name>
    <img>abc_australia.png</img>
    <descri>ABC Radio Box 9994 GPO Sydney NSW 2001</descri>
    <nazione>AUSTRALIA - AUSTRALIA</nazione>
    <latitudine>-33.870652</latitudine>
    <longitudine>151.208895</longitudine>
    <zoom>-3</zoom>
  </ente>

私はxmlファイルから名前を取得し、ドロップダウンリストを次のコードでバインドすることができます:

 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();


    }     

 }

しかし、ドロップダウンリストに画像を追加するには、この jquery プラグインを使用しました。

JQuery プラグイン リンク

このプラグインでは、画像とデータを次のように手動で追加しました:

 <option value='TVSH - Rruga Ismail Quemali 11, Tirana' data-image="images/tvsh-albania.png" data-imagecss="flag ad"   data-title="TVSH - Rruga Ismail Quemali 11, Tirana">TVSH - Rruga Ismail Quemali 11, Tirana</option>

バインド ドロップダウンを動的に追加したい (名前と画像の両方)。画像フォルダーにすべての画像があります。

コードは私のために働いていますが、ドロップダウンを動的にバインドしたいです。

ドロップダウンを動的にバインドする方法はありますか。