生成CSS切换到下拉菜单?

时间:2012-07-17 09:58:11

标签: jquery css

我目前正在使用此代码为我的网站生成CSS切换。我想知道是否有办法修改它以生成下拉菜单,而不是为想要在较小的窗口中查看页面或屏幕分辨率较小的人节省空间。

            function buildCssToggles() {
            $.each($("[rel=stylesheet]"), function(index, value) { $("#css-display").append($("<input type='button' value='"+value.title+"' onclick='setCss(\""+value.title+"\");'></input>")); });
        }

1 个答案:

答案 0 :(得分:0)

function buildCssToggles() {
  var dropdown = $( "<select>" );
  dropdown.change( function () {
    setCss( $(this).children( ":selected" ).val() );
  });
  $( "[rel=stylesheet]" ).each( function ( i, value ) {
    dropdown.append( "<option value='" + value.title + "'>" + value.title + "</option>" );
  });
  $( "#css-display" ).append( dropdown );
}