7

ドロップダウン リストの項目数を 6 に制限したいと考えています。かなりの検索の後、maxHeight オプションがあるヒント以外は何も見つかりませんが、効果がないようです。

HTML:

<label for="files">Select a file:</label>
<select name="files" id="files">
</select>

Javascript:

// configure
$( "#files" ).selectmenu({
              icons: { button: "ui-icon-search" } ,
              style: 'dropdown',
              maxHeight: 60
           });
// Test data
for( i = 0; i < 100; i++ )
{
   $('#files').append($('<option/>', { 
        value: "a" + i,
        text : "b" + i
    }));
}

TTFN、ジョン

[編集] 明確にするために、すべてのアイテムをドロップリストに保持し、ユーザーが通常のデスクトップ アプリケーションのコンボボックスのようにスクロールするサブセットのみを表示したいと考えています。

4

4 に答える 4

10

まず、menuWidget メソッドを含める必要があります。次に、高さの値が制限されたクラスを追加します。JS コード

$( "#files" )
  .selectmenu()
  .selectmenu("menuWidget")
  .addClass("overflow");

とCSS

.overflow { height: 200px; }
于 2014-12-13T19:06:32.317 に答える
0

ここにあります：jqueryでリストを特定の数の要素に制限する

http://jsfiddle.net/8dgc6jrr/

var LIMIT = 4; // limit to the fourth element
$("option").each(function( index, object ) {
    if(index+1>LIMIT){
        object.remove();
    }
});
于 2014-08-25T11:42:12.317 に答える
0

私の場合、高さを変更したい各メニューに css コードを追加しました。

CSS:
#yourMenuID-menu {
  max-height: 300px;
}

HTML:
<select id="yourMenuID" size="6" class="form-control">
  <option value="" selected>All</option>
</select>

「-menu」はjQuery UIによって各メニューに追加されます（私の場合はタグを選択します）。

于 2015-09-17T08:01:22.010 に答える