Images in dropdown list

问题:

Hi I want to put image along with some data in asp.net drop down list box.

Can somebody give me a sample code to achieve this functionality?

country flag + country name --> in the same list item

回答1:

You could use jQuery Image Dropdown:

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

_{(source: marghoobsuleman.com)}

<script language="javascript">    
$(document).ready(function(e) {
    try {
        // target some ids
        MSDropDown.init("#combo1, #combo2");
        //by wild card
        MSDropDown.init("#divid select");
        //or 
        MSDropDown.init("#formid select");
    } catch(e) {
    alert(e);
    }
})
</script>

回答2:

Dropdownlist with images

http://www.dotnetspeaks.com/DisplayArticle.aspx?ID=90

回答3:

Try this, it's one of the best solution.... and easiest
http://www.obout.com/combobox/icons/aspnet_icons_database.aspx

回答4:

I haven't tried to use this JQuery Combo-Box, but from the screenshot, it looks like the items in the combo box can include an image in it. Maybe you could research more regarding this.

回答5:

With standart dropdownlist, you can not achive this.

You need to write a custom server control that is not based on dropdown list.

回答6:

You cannot achieve this with a raw drop down list / combo box in C#. The underlying control only supports text and not a combination of text + image.

You'll either need to write a custom control or use something like jQuery to build the drop down with your code populating the results.

回答7:

That's right, standard tool doesn't accept images, try with a custom tool.

try with this free tool: http://controlsbuilder.com/tools/CustomDropDownList.aspx

回答8:

i found this. and this is working for me.

http://www.aspdotnet-pools.com/2014/09/dropdownlist-item-with-custom-icon.htmlenter link description here