0

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

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

我希望我的选项值限制为特定大小。谁能帮我解决这个问题。？

简要信息：

我的开发人员在他的一个表单上有一个动态列表框。即：管理用户可以创建显示在选择框中供一般用户选择的选项。我们的目的是让管理员用户创建最多约 50 个字符的选项，但我们的业务需求不允许我们限制管理员用户创建的选项名称的大小。这让我们对数百个字符宽的 SelectBox 的可能性持开放态度，将所有表格格式扔出窗口并导致屏幕水平滚动。几天来我们一直在无休止地争论这个问题，显然不能限制选项名称的字符输入。有没有办法操纵选择框的显示以防止它超过一定数量的字符宽但仍然显示很长的选项名称？

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

谢谢...

4

2 回答 2

1

你可以做一个substring()得到8个第一个字符来显示

于 2012-07-25T06:26:35.797 回答
0 
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 的较新浏览器指定带有样式的框的宽度。唯一的问题是，你看不到整个单词。它切断它。希望对你有所帮助/

于 2012-07-25T06:52:49.180 回答