選擇和選項標記，即下拉在HTML顯示完整列表

Question

我有我的<select> </select> 標記25-30選項，當我點擊從下拉列表中選擇。我只獲得前20個選項的列表，之後我必須向下滾動列表以選擇向前，即對於21進一步選擇。

但我的要求是，當點擊下拉選擇，應顯示完整的列表，應該顯示所有25-30選項，沒有滾動條。

Pleae幫我..我已經做了很多谷歌搜索，但沒有得到任何解決方案。

Answer 1

嘗試片斷

$('select').on('click', function(){ 
    $('select').attr('size', $('select option').size()); 
}) 

demo

Answer 2

在這個問題請看：

Height of an HTML select box (dropdown)

作爲公認的答案州 - 有沒有辦法做到這一點。假設你將需要使用自定義的JS下拉來實現這一點。

Answer 3

屬性size或select元素指定下拉列表中可見選項的數量。

如果size屬性的值大於1，但低於列表中的選項總數，瀏覽器將添加一個滾動條以指示有更多選項可供查看。

如果使用JQuery你可以找到的選項的數量在你的選擇列表如下：

var count = $("#mySelect :selected").length; 

和size屬性設置到這個號碼，就像這樣：

$("select").attr('size',count);