下拉列表中的大值无法在 jsp 中看到答案

【问题标题】：large value in drop down not able to see in jsp下拉列表中的大值无法在 jsp 中看到
【发布时间】：2018-09-09 05:36:27
【问题描述】：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<select>
  <option value="volvo">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five</option>
  <option value="saab">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</body>
</html>

我正在创建动态下拉列表。在该用户可以创建 200/选项字符。例如。

 <select class="my_dropdown" id="my_dropdown">
    <option value="1"> value is upto 200 charactor.............200</option>
    <option value="2">value is upto 200 charactor..............200 charactor</option>
  </select>

在浏览器中仅显示 uptu 100 个字符。休息在无法看到的浏览器之外。如果下拉菜单在浏览器的右侧，则无法看到超过 40 个字符。如何在浏览器中显示完整的 200 个字符。

【问题讨论】：

您应该添加与您的问题相关的 CSS。最好把你的 html、css 放到jsbin 来演示你的问题。您的问题可能是样式不合适。

标签： javascript jquery html user-interface

【解决方案1】：

您不能包装原生 select 元素的文本，您需要一些 JavaScript 组件，例如 JQueryUI。例如，请参阅此JSFiddle。

使用 JQueryUI 增强下拉菜单：https://jqueryui.com/selectmenu/

【讨论】：

那里有什么selectmenu()函数。
@Bachas selectmenu 是一种 JQueryUI 方法，可将您原来的 select 转换为增强的 JQueryUI 下拉菜单。通过这个新的下拉菜单，您可以应用许多自定义 CSS 规则，因为它将您的 option 标签转换为 span。
@Nicolas Cami 代码运行良好。你能给我这些打击 js 和 css 文件的当前版本吗