Question

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

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

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

简要信息：

我的开发人员在其中一个表单上有一个动态列表框。即：管理用户可以创建显示在选择框中的选项，供普通用户选择。我们的目的是让管理员用户创建最多约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 个答案: