Question

我正在尝试使用自定义样式选择框的脚本，因为我在选择框中有大量条目我需要制作但是我被困在创建滚动功能（一个计算数字项目的脚本，如果它是然后需要在脚本正在创建的UL中使用一些Overflow属性。）任何解决方案吗？

Answer 1

溢出控制没有这样的直接选项，浏览器会自动管理文档高度。

为此，您可以使用jQuery Dropdown Replacement并从您拥有的链接中应用皮肤。

Answer 2

这是一个很好的方法！ ^^我刚刚在几秒钟前完成了它;）

<强> HTML

<div class="styledSelect">
                <span class="styledSelectValue"></span>
                <select name="type">
                    <option value="">Par type de propriété</option>
                    <option value="choix2">choix2</option>
                    <option value="choix3">choix3</option>
                </select>
            </div>

<强> CSS

.styledSelect{/*your css for the background image... it will be the body of your select*/}
.styledSelect select{/*your css with opacity:0;*/}
.styledSelectValue{/*the css of the received value*/}

<强>的jQuery

$('.styledSelect').each(function(){
            selectValue = $(this).children("select").val();
            if(selectValue == ""){selectValue = $(this).children("select").children("option:eq(0)").text();}
            $(this).children(".styledSelectValue").text(selectValue);
        });
        $('.styledSelect select').change(function(){
            selectValue = $(this).val();
            if(selectValue == ""){selectValue = $(this).children("option:eq(0)").text();}
            $(this).parent(".styledSelect").children(".styledSelectValue").text(selectValue);
        });

这是我找到的最佳方式;）

自定义样式选择框

2 个答案: