Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何确定多重选择的高度和宽度_Jquery_Html_Css - Fatal编程技术网

Jquery 如何确定多重选择的高度和宽度

Jquery 如何确定多重选择的高度和宽度,jquery,html,css,Jquery,Html,Css,当我在一个选择元素中不断选择多个选项时,显示当前选择的区域会不断扩展,如下图所示: 我希望在选择多个选项时修复select元素。如下例所示: 我看到了,但我不明白他是怎么做到的 $(“.select选择”).select({ 无结果文本:“哎呀,什么也没找到!” }); 选择1 选择2 选择3 选择4 选择5 在CSS中,您可以为选择组件本身添加一个高度,但是您还必须定义“overflow-y:auto”以获得滚动条(而不仅仅是溢出的元素) 这里真正的问题是弄清楚要为哪个元素设置样式。j

当我在一个选择元素中不断选择多个选项时,显示当前选择的区域会不断扩展,如下图所示:

我希望在选择多个选项时修复select元素。如下例所示:

我看到了,但我不明白他是怎么做到的

$(“.select选择”).select({
无结果文本:“哎呀,什么也没找到!”
});

选择1
选择2
选择3
选择4
选择5

在CSS中,您可以为选择组件本身添加一个高度,但是您还必须定义“overflow-y:auto”以获得滚动条(而不仅仅是溢出的元素)

这里真正的问题是弄清楚要为哪个元素设置样式。jQuery不会在编写选择时保留它-它会呈现不同的内容:

<div class="chosen-container chosen-container-multi" title="" id="selectLDAP_chosen" style="width: 70px;">
  <ul class="chosen-choices">
    <li class="search-choice"><span>option1</span><a class="search-choice-close" data-option-array-index="1"></a></li><li class="search-field">
      <input class="chosen-search-input" autocomplete="off" value="Choose Username" style="width: 25px;" type="text">
    </li>
  </ul>
  <div class="chosen-drop">
    <!-- ... -->
  </div>
</div>

我应该这样做。在编写实际的CSS文件之前,您可以使用浏览器的开发工具来处理这些值。

这不是标准的
,它使用了某种插件。请澄清。链接的问题使用Select2 jQuery插件。您是否使用相同的代码?请在此处发布您的代码?我想我们使用的不是相同的。我编辑了问题,以便您可以看到我当前的代码。当我选择选项时,它仍在扩展。感谢您再试一次,如果我用devtools中的“selected choices”类编辑ul上的属性,它对我有效。我正在用正确的CSS类更新答案。对不起,我错了;)奇怪,但我所拥有的只是您答案中的“运行代码片段”,当我在UL上添加属性时,它就可以工作了。也许它们被其他CSS覆盖了?尝试添加!重要的是让他们了解(或者只需在开发工具中编辑道具)。如果这样做有效,那么您还有另一个问题:找出哪个CSS文件覆盖了这些属性。不过,你也应该能够在开发工具中找到这一点:在firefox中,有“计算样式”,它告诉你属性来自CSS文件。是的,这很奇怪。我保留了select元素,但仍然没有working@Newbie告诉我,如果我能帮你做点什么-或者当你发现问题的时候。。。
.chosen-choices {
    height: 80px;
    overflow-y: auto;
}