選擇選項出現在窗口外

Question

是否可以隱藏窗口內的選擇選項？ IE，FF，Chrome的行爲方式相同

溢出：隱藏不起作用。

Answer 1

我不認爲你可以使用CSS來防止它出現在瀏覽器窗口之外。 （我不積極）。

但是，您可以使用jquery ui autocomplete或類似的選擇選項作爲div，然後它將保留在窗口內。

Answer 2

我不認爲你可以對此做很多事情。

要麼，你可以根據最長的選項

增加你的下拉列表的寬度，也可以夾最長的選項的文本，使之小。

像

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

，或者你可以創建自己的選擇，使用divs :)

可能使用第三方stylish dropdowns。

看到這個fiddle，由我一個醜陋的5分鐘實現這樣一個下拉的 即

創建這樣一個標記：

<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美化它