Javascript 控制jQuery所选下拉列表的高度

我试图控制所选jQuery下拉列表的显示高度。 以下代码似乎对高度没有影响

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<div class="hide">
    <INPUT type="text" class="namecontrol" size="1" value="${employeeMasterParmsObj.controller}">
</div>

    <select class="usernamelist">
        <option value="0">Select from List</option>
        <c:forEach var="itemName" varStatus="status" items="${employeeMasterListObj.employeeMasterList}">
            <option value="${itemName.badge}-${itemName.fname} ${itemName.lname}">${itemName.fname}&nbsp;&nbsp;${itemName.lname}&nbsp;&nbsp;${itemName.badge}-${itemName.jobclassdescp}</option>
        </c:forEach>
    </select>

<script type="text/javascript">
$(document).ready(function(){

    $('.usernamelist').chosen({ width: "400px"});
    $(".chosen-results").css({'font-size':'10px', 'max-height':'150px !important'});
    $(".chosen-container").css({'font-size':'10px', 'max-height':'150px !important'});
                    
    $('.usernamelist').on("change", function(){
        if(this.value != "0"){
            putUserName(this.value);
        }
    });
});

}

从列表中选择
${itemName.fname}${itemName.lname}${itemName.badge}-${itemName.jobclassdescp}
$（文档）.ready（函数（）{
$（'.usernamelist'）。选择（{width:“400px”}）；
$（“.selected results”）.css（{'font-size'：'10px'，'max height'：'150px！important'}）；
$（“.selected container”）.css（{'font-size'：'10px'，'max-height'：'150px！important'}）；
$（'.usernamelist'）。打开（“更改”，函数（）{
如果（this.value！=“0”）{
putUserName（this.value）；
}
});
});
}

为什么不直接使用CSS来实现呢

.chosen-container .chosen-results {
    max-height: 150px !important;
}

更新：

要将其用于不同的大小，请添加多个自定义类：

.chosen-small .chosen-container .chosen-results {
    max-height: 150px !important;
}
.chosen-medium .chosen-container .chosen-results {
    max-height: 250px !important;
}
.chosen-large .chosen-container .chosen-results {
    max-height: 350px !important;
}

---

当前代码的唯一问题是您忘记了以下内容（请参阅）：

注意：

.css（）

忽略

！重要的

声明。因此，语句

$（“p”）.css（“color”，“red！important”）

不会将页面中所有段落的颜色都变成红色。强烈建议使用类来代替；否则，请使用jQuery插件

当前仅应用

字体大小

，忽略

最大高度

。如果删除

，代码应该可以工作！重要信息

bit

$（'.usernamelist'）。选择（{width:“400px”}）；
$（“.selected results”）.css（{'font-size'：'10px'，'max height'：'150px'）；
$（“.selected container”）.css（{'font-size'：'10px'，'max height'：'150px'）

从列表中选择
阿佛洛狄特
阿波罗
阿瑞斯
阿耳特弥斯
雅典娜
地狱
赫菲斯托斯
赫拉
爱马仕
赫斯提亚
波塞冬
宙斯
是的，我已经让它工作了，但是它会影响我使用所选插件的每个地方。另外，我可能需要在不同的div容器中使用不同的最大高度。也张贴在这里：