jquery在“选择”标签或combobox上滑动上下效果

我有一个带有以下选项的“select”标签：

 Blue Red Green  

我想使用jquery添加“slideUp”和“slideDown”效果，但我找不到一个简单的例子来满足我的需要。 效果应该像这个combobox示例： Telerik Combobox

Answer 1

这是一个可能的解决方案，您将需要使用样式：

 $(function(){ $.fn.extend({ slidingSelect: function(options) { var select= $(this); var selector=select.selector; var selectedValue=select.val(); if(selectedValue=="undefined") selectedValue=select.find("option:first").val(); var divToggle=$("
"+selectedValue+"
").attr({id:select.attr("id")+"Toggle"}).css({width:select.width()}).click(function(){ $(selector).slideToggle(); }).insertBefore(select); select.attr("size",6); select.change(function(){ divToggle.html(select.val()); $(selector).slideToggle(); }); } }); $("#colors").hide().slidingSelect(); }); 

 div#colorsToggle { display:block; padding:5px; border:1px solid black; } .select_style{ position: absolute; } 

   Blue Red Green  

Answer 2

我猜有隐藏的选择（选项）。 当我按下按钮时，按钮下方会出现选择。 当我选择任何选项时，按钮会选择所选值，然后选择消失。

希望你的代码能够分享。 🙂