下拉选择图片

Question

我想创建一个下拉菜单，其中包含图像而不是文本作为选项。我在此处进行了一些Google搜索，然后在Stack
Overflow上进行了搜索，通常给出的答案是使用jQuerycombobox。

在我看来，这种解决方案的问题在于您必须提供文本。看起来图像只是左侧文字的图标。如果我错了，请纠正我，但是此解决方案将无法解决我要尝试的工作-
完全用图像替换文本。

我正在尝试做的事情的一些背景知识-我正在尝试创建一个下拉菜单，供用户选择在线绘画/涂鸦应用程序上的线条粗细。图像将是不同粗细的线条，类似于mspaint。

Answer 1

#webmenu{
        width:340px;
    }

    <select name="webmenu" id="webmenu">
        <option value="calendar" title="http://www.abe.co.nz/edit/image_cache/Hamach_300x60c0.JPG"></option>
        <option value="shopping_cart" title="http://www.nationaldirectory.com.au/sites/itchnomore/thumbs/screenshot2013-01-23at12.05.50pm_300_60.png"></option>
        <option value="cd" title="http://www.mitenterpriseforum.co.uk/wp-content/uploads/2013/01/MIT_EF_logo_300x60.jpg"></option>
        <option value="email"  selected="selected" title="http://annualreport.tacomaartmuseum.org/sites/default/files/L_AnnualReport_300x60.png"></option>
        <option value="faq" title="http://fleetfootmarketing.com/wp-content/uploads/2013/01/Wichita-Apartment-Video-Tours-CTA60-300x50.png"></option>
        <option value="games" title="http://krishnapatrika.com/images/300x50/pellipandiri300-50.gif"></option>
    </select>

    $("body select").msDropDown();