Jquery：带背景的组合框

我准备了2张图片来展示我的问题，但是这个网站不允许发布没有声誉的图片

我花了很多时间试图找到一个简单的基于jquery的解决方案，如何创建带有背景图像的组合框。我不需要每个

的背景图像，只需要combobox本身（第一个选项）

找不到任何简单的东西（没有约20-30KB的代码）。上面的例子来自一个网站。我检查了css和js文件，并试图为我的网站创建相同的文件，但ir只能部分工作，并且它不会显示选定的文本

我想要这个： 但结果是：

有什么想法吗

css

.select2 {
    opacity:0;
    filter:alpha(opacity=0);
    zoom: 1;
}
.select2d {
    background: #fff url('/w18.png') no-repeat center;
    border:1px solid #c4c4c4;
    height: 22px;
    position: relative;
    width: 160px;
}

脚本

$('.select2d').change(function () {
    $('#wall_a').attr('action', $(this).find('select').val());
});

html

<form id="wall_a" name="wall_a">
    <div class="select2d">
        <select id="what" class="select2">
            <option value="0">Art</option>
            <option value="1">Artist</option>
            <option value="2">Collection</option>
        </select>
    </div>
</form>

艺术
艺术家
收集

检查此项

根据你给我的照片…我希望它和你想要的一样

您需要添加的css

.select2d {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url("http://cdn.bavotasan.com/wp-content/uploads/2011/05/down_arrow_select.jpg") no-repeat right #ddd;
   border: 1px solid #ccc;
   }

.select2d select {
   background: transparent;
   width: 200px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

---

谢谢。

你想发布的两张图片是什么？（链接）你的代码为我工作。。。问题是什么：它不显示选定的选项文本。检查此问题我已修复我已检查它，但它有相同的问题，并且不显示选定的文本。。。