我正在寻找颜色的下拉列表,每种颜色都作为项目旁边的小方块。 有: 想(大致): 这个版本(jsfiddle)适用于下拉项目本身,但我希望按钮也更新为旁边有彩色方块。 $.widget(“custom.coloriconselectmenu”, $.ui.selectmenu, { _renderItem: function (ul, item) { var li = $(“”, {text: item.label}); var bgColorStyle = ‘background-color:’ + item.element.attr(“data-color”); var fullStyle = “float: left; width: 21px; height: 19px; margin-right: 7px;” + bgColorStyle; $(“”, {style: fullStyle}).appendTo(li); return li.appendTo(ul); } }); $(“#selectId”).coloriconselectmenu({icons: {button: “custom-button”}}); 是否有一种很好的方法可以修改值更新中的下拉按钮,以包含下拉列表中的颜色方块?
这是另一个问题的后续问题; 首先,我需要在正常的选择列表上进行validation。 (第一部分可在这里找到 ) 我有一个选择菜单,上面有一些jQueryvalidation逻辑。 我使用的是ASP.NET MVC,因此有一些自定义属性 – 但是现在我只想让validation工作,所以属性并不重要。 我设法让它工作(实际上,Gajotres解决了它,而不是我。) 现在我想将它扩展到jQuery UI selectmenu插件(插件仍然是非官方的 – 在jQuery UI的下一个版本中正式发布,但你可以在这里找到它: jQuery UI选择菜单(非官方) 我已经设法使样式工作,但现在validation再次失败。 我发布了我的代码,这里是一个小提琴。 请注意,此处发布的代码不仅仅是为了简洁起见。 jsFiddle(带插件) jsFiddle(没有插件[正常工作]) 预期的行为 当“默认”选项是选择菜单中当前选定的值时,用户必须无法提交表单。 以下是所有相关文件的链接,以防您因某些原因不想尝试小提琴。 jQuery的 http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css http://code.jquery.com/ui/1.9.2/jquery-ui.js jQuery Validation插件 http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js 选择菜单(分叉) http://ciel.github.com/jquery-ui/javascripts/jquery.ui.selectmenu.js http://ciel.github.com/jquery-ui/stylesheets/selectmenu.css 使用Javascript $(document).ready(function() { $.validator.addMethod(“valueNotEquals”, function(value, element, arg){ return arg != value; }, “”); $(“#form1”).validate({ rules: { select_list : {valueNotEquals: $(‘#select_list’).attr(‘data-val-mustbe-propertyvalue’)}, […]
我使用jQuery UI的selectMenu小部件创建了下拉列表,如下图所示。 现在我被赋予了一个任务,通过Angular 4在屏幕上重复这个元素2或3次。但是我没有得到所需的输出。 显示下拉列表,但只有第一个正确,如上图所示。 但是显示了另外两个下拉列表,如下图所示。 (CSS样式和Javascript函数不存在)。 下面给出了下拉列表的HTML。 jQuery UI Selectmenu – Custom Rendering Select an Option: Standard Screw Adjustment Tamper Resistant – Factory Set Handknob Hex Head Screw with Locknut Hex Head Screw with Locknut Hex Head Screw with Locknut 这是下拉列表的CSS。 .ui-selectmenu-category { color: #5f5f5f; padding: 0.5em 0.25em; } .ui-menu-item { } .ui-menu-item .ui-menu-item-wrapper […]
我需要将所有数据属性从选项标签传输到UI选择菜单项(li标签)。 这怎么用API? Квартира Комната Коттедж Участок Зарубежная недвижимость $(“select”).selectmenu()
将菜单从常规选择更改为jQuery选择菜单后,我无法再以编程方式选择其中的选项。 有没有办法做到这一点? 要选择的代码是(假设ListId是列表的实际ID) $(‘#ListId’).val(value); 该插件被激活如下: $(“#ListId”).selectmenu({ style: “dropdown”, width:140 }); 有没有办法在选择菜单中选择一个项目? 调用相同的.val(value)函数只选择隐藏原始选择列表中的值,而不是选择风格很好的jQuery selectmenu。
我一直试图通过设置source select元素的size属性来做到这一点,但它被忽略了。 窗口小部件似乎没有任何高度设置选项。 可能吗? 窗口小部件当前正在div隐藏溢出的对话框内工作,因此下拉菜单(总共26个项目)就会从div中消失。