Question

我在我的应用中使用jquery select下拉列表。它似乎可以正常设置其他属性。但不知何故，最大高度没有得到更新。这是我使用的代码：

<script>
  $(function () {
      $("#ddlMonth").selectmenu();
  });
</script>
<style>
  select {
    max-height:100px;  //other properties work here
}
</style>

实际的下拉列表就是这样创建的：

<select id="ddlMonth" onchange="fnSetMonth(this)"> ....  </select>

下拉列表中有12个项目，但我想一次显示最多10个项目。不知何故，在IE中，它似乎不起作用。我的下拉列表显示没有任何包含所有12个项目的滚动条。

我在这里缺少什么？

编辑：该应用程序不能在任何其他浏览器中工作（强制兼容），因此无法在其他浏览器上进行测试。我在兼容模式下使用IE10。下面是对jQuery的引用（可从select教程中找到）

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

Answer 1

我猜您需要使用_resizeMenu()方法：

来自文档：

menuWidget（）

返回包含菜单元素的jQuery对象。 。

此方法不接受任何参数。

selectmenu api中没有可用的方法，但在样本页面上可以执行此操作：

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

body {
  font-size: 11px;
}
label {
  display: block;
  margin: 30px 0 0 0;
}
select {
  width: 200px;
}
.overflow {
  max-height: 210px;
}

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<select name="ddlMonth" id="ddlMonth">
  <option>1</option>
  <option selected="selected">2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
  <option>13</option>
  <option>14</option>
  <option>15</option>
  <option>16</option>
  <option>17</option>
  <option>18</option>
  <option>19</option>
</select>

Answer 2

不确定IE 10，但我知道旧IE不了解max-height。

尺寸属性最好。

<select id="ddlMonth" onchange="fnSetMonth(this)" size="10" > ....  </select>

我知道人们不会喜欢下面的w3schools链接。但这是我能找到的最快的。

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_size

jQuery select的最大高度属性在IE

2 个答案:

来自文档：

menuWidget（）