jquery - 生成 CSS 切换到下拉菜单？

Question

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

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

Answer 1

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 );
}