使用javascript显示下拉列表的所有选项

Question

我有一个下拉列表控件。

我想使用javascript显示Mydropdowlist的所有选项，因为事件用户点击了下拉列表。

我正在尝试使用：

$("#drpCountry").one("focus", function () { this.size = this.options.length; }).focus();

但它没有显示为用户点击下拉列表（默认显示选项）。

对我有任何解决方案吗？

这是使用dropdownlist.size：

时的图像

点击下拉列表时的默认显示：

Answer 1

试试这种方式

<div style="float:left; width:100%; height:30px;">
            <select id="AutoDropdown" OnMouseOver="DoDropDown(this);" OnMouseOut="DoDropDown(this);">

            </select>
        </div>

<script type="text/javascript">

        function DoDropDown(objSel){

             if(objSel.size > 1){
              objSel.size = 1;
              objSel.style.position='static';
             }
             else{
              objSel.size = objSel.options.length;
              objSel.style.position='absolute';
              objSel.style.height='auto';
            }
        }

        </script>

此代码来自@dash

参见此讨论

how to show all item of a dropdown list in asp.net?

Answer 2

尝试以下代码

$("#drpCountry").click(function (){
            var size=($('#drpCountry option').size()); 
            $(this).attr("size",size);
        });