将数据属性从选项标签传输到UI选择菜单项
我需要将所有数据属性从选项标签传输到UI选择菜单项(li标签)。 这怎么用API?
Квартира Комната Коттедж Участок Зарубежная недвижимость $("select").selectmenu()
将此添加到您的代码中,数据属性将复制:
$.widget( "ui.selectmenu", $.ui.selectmenu, { _renderItem: function( ul, item ) { elementdata = item.element.context.dataset; attributesObj = {}; Object.keys(elementdata).forEach(function(x){ attributesObj["data-"+x] = elementdata[x]; }); return $( '' ) .attr(attributesObj) .append(item.label) .appendTo( ul ); } });
这是一个解决方案:
var select = $("#selectid"); var $ul = $("
").appendTo("body"); select.find("option").each(function(i){ var $li = $("").appendTo($ul); $li.text($(this).text()); $li.data($(this).data()); });
一个工作演示 : http : //jsfiddle.net/gds9xkkm/
希望下面的代码可以帮助你:)
测试链接: http : //jsfiddle.net/jzw4139p/embedded/result/
selectmenu demo