如何在选择框中限制选项名称的大小？

Question

我正在从数据库中检索选择框的选项。 我想在下拉框中限制选项值的宽度。

例如：如果我只需要8个字符长，则数据库中的值为“ ELEPHANT GROUP”。 下拉框中显示的值为“大象”

我希望将选项值限制为特定大小。 任何人都可以帮助我解决这个问题。

简要信息：

我的开发人员在其表单之一上有一个动态列表框。 即：管理用户可以创建显示在选择框中的选项，供普通用户选择。 我们的目的是让管理员用户创建最多约50个字符的选项，但是我们的业务要求不允许我们限制管理员用户创建的选项名称的大小。 这使我们有可能选择几百个字符宽的SelectBox，从而将所有表格都格式化为窗口，并导致屏幕水平滚动。 几天来我们一直在为此争论不休，并且显然不能限制“选项名称”的字符输入。 有什么方法可以操纵选择框的显示，以防止选择框超出一定数量的字符，但仍显示很长的选项名称？

希望现在您已经完全解决了我的问题。请帮助我解决问题。

谢谢...

Answer 1

您可以执行substring()以获取要显示的8个首字符

Answer 2

enter code here

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<select id = "mysel" onchange = "show()">
<option value = 0>Select one ....</option>
<option value = "January">January</option>
<option value = "February">February</option>
<option value = "March">March</option>
</select>
<br>
<input type = "text" id = "month" size = "1" readonly>

<script type = "text/javascript">

function show() {
var val = document.getElementById("mysel").value;
val = val.substring(0,3);
alert (val);
document.getElementById("month").value = val;
}

</script>
</BODY>
</HTML>

/ 通过使用子字符串，您可以做到。否则，您可以使用支持CSS的新型浏览器指定具有样式的框的宽度。 唯一的问题是，您看不到整个单词。 它切断了它。 希望可以帮助您 /

如何在选择框中限制选项名称的大小？

问题描述

2 个解决方案

解决方案1
1 已采纳 2012-07-25 06:26:35

解决方案2
0 2012-07-25 06:52:49

如何在选择框中限制选项名称的大小？

问题描述

2 个解决方案

解决方案1 1 已采纳 2012-07-25 06:26:35

解决方案2 0 2012-07-25 06:52:49

解决方案1
1 已采纳 2012-07-25 06:26:35

解决方案2
0 2012-07-25 06:52:49