Html 选择显示在窗口外的选项

是否可以在窗口内隐藏选择选项？IE、FF、Chrome的行为方式相同

---

溢出：隐藏不起作用。

我认为你不能使用css来防止它像那样跳出浏览器窗口。（我不能肯定）

---

但是，您可以使用或类似的方法将select选项设置为div，然后它将保留在窗口中。

我认为您对此无能为力

或者，您可以根据最长选项增加下拉列表的宽度

或者可以剪裁最长选项的文本，使其变小

差不多

$('select option').each(function(a,b){
    if(b.value.length > 10){
      b.text= b.text.substring(0, 10)+ a+ '..';
    }
});

或者您可以使用

divs

：）创建自己的选择

可能使用第三方

看到了吗，我用了5分钟的时间实现了这样一个下拉列表 i、 e

创建如下所示的标记：

<ul class="parent">
    <li>---Select---</li>
</ul>
<ul class="option" >
    <li>this is a long option</li>
    <li>this is a even long option</li>
    <li>this is a very long option</li>
    <li>this is a very long option</li>
    <li>this is a very long option</li>
    <li>this is a very long option</li>
</ul>

---挑选---


这是一个漫长的选择
这是一个更长的选择
这是一个很长的选择
这是一个很长的选择
这是一个很长的选择
这是一个很长的选择

---

通过css和jquery来美化它，似乎

fuuuuu

更合适。为什么这对你来说是个问题？当你有足够的空间在浏览器窗口外显示时，限制弹出窗口的大小是违反直觉的。事实上，我喜欢浏览器处理这个问题的方式。但几天前，我遇到了我们的QA不喜欢的问题：）为您的实现竖起大拇指：）但问题仍然是如何修复默认选择。现在关于你答案的第一部分。。。不行，因为select具有静态宽度，即使使用剪裁文本，选项宽度也将相同

选项宽度将相同
。为什么会这样？请参阅@TarasTomishch，其想法是仅剪切该数量的文本，这将使选项在select的宽度限制内。当窗口被缩放时，select的一部分隐藏在其中。但是当你点击它时，选项会出现在全屏之外（类似于选择一个），这是某种缺陷，可能是操作系统本身的缺陷。我在窗口外看到了Chrome render的下拉列表，这很好，但它们扩展到了桌面的外部，并被桌面的边缘所剪切，这根本不应该发生。这使得垂直滚动条无法访问，因为它们不在屏幕上。