jquery - ドロップダウン メニューに CSS トグルを生成しますか?

Question

現在、このコードを使用して、Web サイトの 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 );
}