Question

是否可以在选择列表中包装长选项？

我有一个动态选择列表，有些选项非常冗长。我想要的选项太长，无法包装到下一行。除此之外，我想缩小这些界限。

如果无法做到这一点，我的解决办法就是将结果修剪为n个字符。

这就是我所拥有的：

I'm a short option
This is a really really really long option
This one isn't too bad
But whoa look how long I am! I go on forever!

这就是我想要的：

I'm a short option
This is a really really 
    really long option
This one isn't too bad
But whoa look how long 
    I am! I go on forever!

Answer 1

您无法使用标准<option>执行此操作，您需要自己动手或find a menu plugin

Answer 2

这是一个快速而纯粹的jQuery解决方案，可以帮助一些人。除了创建自己的下拉菜单并从Scott Evernden提到的隐藏选择中提取值/文本之外。这会给你一些空间。它不会在一个单词的中间切断，但同时它不会包装文本。它会将全文放入标题中，以便用户可以翻转并查看包装的全文单词。然后它将使用maxChar设置转到一定数量的字符，然后查找它所在的单词的结尾，以便不切断单词。选项的最小宽度应该与select一致，但是继续使用maxChar变量，它应该防止它超出边界。这是一个简短的解决方法，因为在大多数情况下，我会使用自定义解决方案，但对于快速列表，用户可以通过第一个字或第二个字来了解他们正在挑选的内容，这非常有用。希望这有助于某人：

for (i=0; i<initial.length; i += 3)
        senseMake.push("_");
        console.log(senseMake);

选择列表中的自动换行选项

2 个答案: