Liste déroulante avec l'image et le texte ensemble dans Asp.net 3.5 et jquery

Question

On m'a donné une tâche pour faire une liste déroulante dynamique qui prend ses données [image et valeur id] de la table. Je me demande si certains d'entre vous sont tombés sur ce scénario ou si quelqu'un peut m'aider dans ce domaine, j'ai besoin d'aide pour le concept et le codage. Certainement toute aide est appréciée. Je vois l'exemple jquery est ici le lien:

http://www.marghoobsuleman.com/jquery-image-dropdown

quelque chose comme cela, mais données proviennent de la table.

Answer 1

Si vous utilisez le plugin que vous avez trouvé dans le lien, alors ce que vous voulez faire est de créer la liste déroulante de manière dynamique en fonction du contenu de la table. Sans avoir plus de détails sur la façon dont votre table est structurée, je ne peux pas vous donner de détails exacts, mais quelque chose comme ça devrait vous rapprocher (je vais supposer qu'il y a déjà un élément déroulant sur la page , et votre table est appelée "table" avec l'image dans le champ 0, et le texte dans le champ 1) Note: Cela n'a pas vraiment été testé.

var options = ""; 
$("#table tr").each(function() { 
    var imagePath = $(this).find("td:eq(0) img").attr("src"); 
    var title = $(this).find("td:eq(1)").text(); 
    options += '<option value="'+title+'" title="'+imagePath+'">'+title+'</option>'; 
}); 
$("#select").html(options);